Framer has become one of the most popular website builders among designers and startups, powering thousands of marketing sites, portfolios, and SaaS landing pages. Its distinctive technical architecture makes it one of the easiest builders to identify — once you know what to look for.

This guide covers every detection signal Framer leaves behind, how to find them manually using browser DevTools, and how automated detection tools identify Framer sites with high confidence.

Why Framer Sites Are Highly Detectable

Framer built its platform on React with a proprietary animation and layout system. This means every Framer site loads the same core JavaScript runtime, serves assets from the same CDN infrastructure, and injects the same data attributes into the HTML. These are architectural decisions, not accidents — and they make Framer sites reliably identifiable.

In our detection database, Framer sites achieve 85-95% detection confidence when three or more signals are present simultaneously.

—

Signal 1: Framer CDN Domain (Very High Confidence)

The single most reliable Framer detection signal is network traffic to framerusercontent.com. This is Framer’s dedicated CDN for hosting all site assets — images, fonts, videos, and bundled JavaScript files.

Every Framer-hosted site loads assets from this domain, regardless of what custom domain the site uses. A Framer site at mybrand.com still makes dozens of requests to framerusercontent.com during page load.

What to look for:

  • https://framerusercontent.com/images/... — images uploaded through Framer
  • https://framerusercontent.com/modules/... — Framer’s JavaScript modules
  • https://events.framer.com/... — Framer’s analytics and event tracking

    • Confidence level: Very High. This signal alone is sufficient for positive identification.

    —

    Signal 2: Framer JavaScript Runtime

    Framer ships a custom JavaScript runtime to every site it publishes. This runtime handles the platform’s animation system (Framer Motion), component mounting, and interaction management.

    What to look for in page source: 

    

    

    The scripts are versioned with content hashes but always served from framerusercontent.com/modules/. The bundles contain Framer Motion and platform-specific rendering code.
    

    You can also look for the __framer__ global JavaScript object injected into window. Open your browser console and type window.__framer__ — on a Framer site, this returns a non-undefined object with Framer metadata.
    

    —
    

    

    Signal 3: HTML Data Attributes (High Confidence)
    

    

    Framer’s React-based renderer injects specific data attributes throughout the page DOM. These attributes are used internally for the visual editor, animation targeting, and component binding.
    

    Key attributes to look for:

    

  • data-framer-component-type — marks individual Framer components
    • 

  • data-framer-name — component display names from the Framer editor
    • 

  • data-framer-appear-id — used for appear animations
    • 

  • data-framer-generated — marks auto-generated layout elements
    • 

    CSS class patterns:

    

  • FramerHidden — elements hidden by Framer’s layout system
    • 

  • Class names matching the pattern framer-XXXXXXXXX (alphanumeric hash)
    • 

    To check: right-click any element on the page, select “Inspect,” and look for these attributes in the Elements panel.
    

    —
    

    

    Signal 4: Meta Generator Tag (Medium Confidence)
    

    

    Many Framer sites include a meta generator tag in the :
    

    

    <meta name="generator" content="Framer">

    

    

    This tag explicitly identifies the platform. However, not all Framer sites include it — some users or developers remove it. Its presence confirms Framer; its absence doesn’t rule it out.
    

    How to check: View page source (Ctrl+U / Cmd+U) and search for generator.
    

    —
    

    

    Signal 5: Framer Fonts Domain
    

    

    Framer has its own font hosting service at fonts.framer.com. If a site loads fonts from this domain, it’s almost certainly a Framer site — other platforms use Google Fonts, Adobe Fonts, or self-hosted fonts, not Framer’s font infrastructure.
    

    

    <link rel="stylesheet" href="https://fonts.framer.com/...">

    

    

    —
    

    

    Signal 6: Canonical URL Patterns
    

    

    Framer sites that aren’t on a custom domain use the pattern *.framer.app or *.framer.website. If you see a canonical URL or a link pointing to one of these domains, the site is built with Framer.
    

    —
    

    

    How to Detect Framer Manually (Step-by-Step)
    

    

    Method 1: Network Tab (Most Reliable)
    

    

  • Open the website you want to check
    • 

  • Press F12 (Windows/Linux) or Cmd+Option+I (Mac) to open DevTools
    • 

  • Click the Network tab
    • 

  • Press Ctrl+R / Cmd+R to reload the page with network logging enabled
    • 

  • In the filter box, type framer
    • 

  • If any requests appear to framerusercontent.com or fonts.framer.com, it’s a Framer site
    • 

    

    Method 2: View Page Source
    

    

  • Press Ctrl+U (Windows) or Cmd+Option+U (Mac) to view source
    • 

  • Press Ctrl+F to open find
    • 

  • Search for framerusercontent — if found, it’s Framer
    • 

  • Also search for data-framer to find HTML attributes
    • 

    

    Method 3: Browser Console
    

    

  • Open DevTools → Console tab
    • 

  • Type: document.querySelector('[data-framer-component-type]')
    • 

  • If it returns an element (not null), the site uses Framer’s component system
    • 

  • Also try: !!window.__framer__ — returns true on Framer sites
    • 

    

    Method 4: Meta Tag Check
    

    

  • View page source (Ctrl+U)
    • 

  • Search for generator
    • 

  • Look for content="Framer"
    • 

    —
    

    

    What Framer Sites Look Like
    

    

    Beyond technical signals, Framer sites share visual characteristics:
    

    

  • Smooth animations — Framer Motion handles scroll-triggered animations and hover effects that are distinctively fluid
    • 

  • Clean typography — Framer’s font system defaults to high-quality type pairings
    • 

  • Grid-based layouts — Framer’s editor encourages precise grid alignment
    • 

  • No visible page refresh on navigation — Framer sites use client-side routing for instant transitions
    • 

    These visual cues aren’t foolproof (other tools can replicate them) but combined with technical signals they help build a complete picture.
    

    —
    

    

    Framer vs. Other Builders: Signal Comparison
    

    

    | Signal | Framer | Webflow | Wix |

    

    |—|—|—|—|
    

    | Proprietary CDN | framerusercontent.com | webflow.com | wix.com |
    

    | Data attributes | data-framer-* | data-wf-* | data-mesh-* |
    

    | JS runtime | Framer Motion | webflow.js | wix-sdk |
    

    | Meta generator | Sometimes | Sometimes | Yes |
    

    | Custom fonts CDN | fonts.framer.com | None | None |
    

    —
    

    

    Why People Want to Detect Framer Sites
    

    

    There are several legitimate reasons to identify whether a site uses Framer:
    

    Competitive research — If a competitor’s site looks great, knowing they used Framer helps you make an informed platform choice for your own project.
    

    Technical due diligence — Before acquiring or partnering with a company, understanding their technical stack matters for assessing maintenance costs and scalability.
    

    Design inspiration — Framer has a distinctive aesthetic. Knowing a site uses Framer helps you find more examples and templates in that style.
    

    Portfolio analysis — Agencies and freelancers often want to know which tools their clients or prospects are using.
    

    —
    

    

    Automated Detection
    

    

    Checking all of these signals manually takes time. AI Website Detector checks all Framer signals simultaneously — CDN domains, HTML attributes, JavaScript globals, meta tags, and HTTP headers — and returns a confidence score in seconds.
    

    Our engine has scanned thousands of Framer sites and maintains an up-to-date fingerprint database as Framer releases new versions.
    

    —
    

    

    Frequently Asked Questions
    

    

    Can a Framer site hide its fingerprints?
    

    

    Partially. A developer can remove the meta generator tag, use a custom domain, and minimize some data attributes. However, removing CDN requests to framerusercontent.com requires self-hosting all assets — which Framer doesn’t natively support. The CDN signal remains the most reliable because it’s architecturally embedded in how Framer works.
    

    

    Does Framer always use framerusercontent.com?
    

    

    Yes, for sites hosted on Framer’s infrastructure. Every image, font, and JavaScript module is served from this CDN. It’s possible to build with Framer and export the code for self-hosting, in which case the CDN signals wouldn’t be present — but exported Framer code is rare and the HTML attributes would still be visible.
    

    

    How is Framer different from Webflow?
    

    

    Both are visual website builders, but they differ architecturally. Framer is React-based with a focus on animation and design-first workflows. Webflow has a more powerful CMS, pixel-level visual control, and is more commonly used by agencies for content-heavy client sites. Detection-wise, both leave strong fingerprints but through different attribute patterns and CDN domains.
    

    

    What confidence score do Framer sites typically get?
    

    

    In our detection engine, Framer sites with a custom domain and all signals present typically score 85-95% confidence. Sites that have removed the meta generator tag but still serve assets from framerusercontent.com score 80-90%. The CDN signal alone is worth 70% confidence.
    

    

    Can I detect Framer without opening DevTools?
    

    

    Yes — paste the URL into AI Website Detector for an instant result. Our engine performs all the checks server-side without requiring you to open DevTools or view source manually.