Framer Sites
Framer is primarily a design and prototyping tool. It allows you to design interactive prototypes of websites and applications using production components and real data.
What detecting Framer Sites tells you about a site
Framer is a hosted design-to-site builder that turns visual canvases into published React sites. You detect it from its delivery infrastructure: assets and the page itself served from framerusercontent.com and framer.app/framer.website hosts, plus Framer-specific data attributes and class names baked into the generated DOM. Spotting it tells you the site was built and is hosted entirely inside Framer with no separate engineering pipeline — typical of designers, founders and marketing teams shipping landing pages and portfolios fast, prioritising motion and polish over a custom codebase.
Framer Sites in a real-world stack
When you find Framer Sites, it rarely travels alone. All-in-one: Framer hosts the React output on its own CDN, so it rarely appears next to a separate framework or host.
About
Framer is primarily a design and prototyping tool. It allows you to design interactive prototypes of websites and applications using production components and real data.
Categories: Page builders
Quick facts
How we detect Framer Sites
Sourcemap Explorer carries 5 fingerprint signals for Framer Sites, spread across 2 channels — javascript global and script src url. The exact patterns are listed below, and you can replay each one in Chrome DevTools to confirm a match by hand.
Each signal alone is rarely conclusive — Sourcemap Explorer cross-references all of them and weights by confidence. You can reproduce any of these checks yourself in Chrome DevTools.
Window-level global the technology installs on page. Reproducible by typing the path into the DevTools console.
window.Framer
window.Framer.Animatable
window.Framer.version = ([\d\.]+)
window.__framer_importFromPackage
Script URL pattern. Typically a CDN host or chunk path that ships with the technology.
framerusercontent\.com
Implies
When Framer Sitesis detected, Sourcemap Explorer also marks the following technologies as present (Wappalyzer's implies graph).
FAQ
How do I check if a website is using Framer Sites?
Open the page in Chrome, click the Sourcemap Explorer toolbar icon, and read the Stack tab. Framer Sites's specific fingerprints here are javascript global and script src url, and the popup flags Framer Sites whenever any combination of them is found. The same checks can be reproduced manually in DevTools — see the "How we detect" section above.
What Framer Sites version can Sourcemap Explorer detect?
Framer Sites ships as a hosted page builders rather than a bundled npm package, so version-specific detection isn't always possible. Where the platform leaks a version in response headers (`X-Powered-By`, `Server`, generator meta tags) we surface it; otherwise we report presence only.
Is Framer Sites open source?
No, Framer Sites is a closed-source page builders. You can use it without source-tree access; Sourcemap Explorer's detection still works because it reads runtime fingerprints rather than the upstream code.
How much does Framer Sites cost?
Framer Sites's pricing model is documented as: low, freemium, recurring. Detection is independent of the pricing tier — Sourcemap Explorer flags the technology by its fingerprints, regardless of which paid plan a site is on. See the official site for the current pricing page.
Where can I read more about Framer Sites?
Official site: https://framer.com/sites. For Sourcemap Explorer's detection guide, see the deep-dive link below or the related guides in the cross-link section.
Detected by Sourcemap Explorer
Open the popup on any page running Framer Sitesand you'll see the exact version pulled from the bundled package.json when sourcemaps are exposed.