FNJ

Framer export

How to export a Framer site to HTML or code.

Example: https://your-site.framer.websiteYour published site’s address — the one visitors see. A custom domain works too.

Discover linked and sitemap pages across the whole site, including sites with more than 500 routes.

Framer has no built-in export or download button for a published site. Its self-hosting help article says it does not offer HTML export, even though a separate data-portability article says the published files can be moved to any host. So getting a Framer site out means going around Framer: convert the published URL, use a marketplace plugin, save pages by hand, or rebuild. The fastest path is our Framer to HTML converter: paste your published URL and get static HTML, a Next.js project or an Astro project.

Can you export from Framer? What Framer says.

Not with a Framer feature. Two of its help articles read differently, so here is what each says.

Self-hosting

No HTML export

Framer's help article Can I export my website to HTML and self-host it? says Framer “does not offer HTML export for self-hosting” and has no way to export a published site as HTML files or a static bundle. Its reason is that published sites rely on services that run on Framer's hosting: page pre-rendering, image optimization, font subsetting, server-side rendering, and content delivery and caching. None of the plans on Framer's pricing page lists a code, HTML or site export.

Data portability

The files can be moved

A second article, Porting your data from Framer, written around the EU Data Act, reads differently. It says every Framer site is published as standard HTML, CSS, JavaScript and static assets, and that you can download those files at any time and move them to any hosting provider. It doesn't name a button, menu item or plugin that does this, and the self-hosting article says the opposite. On CMS content it is specific: collections can be exported with plugins as CSV or JSON.

So the accurate answer is that Framer has no built-in export or download feature, although its data-portability article says the published files can be moved. Getting them out in practice means a third-party tool. Framer's own marketplace now lists export plugins, and converters like this one read the same public HTML a visitor's browser already receives, with no access to the Framer project needed. Either way, it only makes sense for a site you own or are authorized to convert, not for reproducing someone else's.

Export options, compared.

Plugin details are from their Framer Marketplace listings in November 2026; check each listing for current pricing.

Swipe the table to compare →

Framer export options compared
OptionWorks fromWhat you getBest forLink
Framer to HTML converterThe public URLStatic HTML files for the whole siteHosting it yourself with no build stepOpen tool
Framer to Next.jsThe public URLAn App Router project of named section componentsDevelopers who will keep buildingOpen tool
Framer to AstroThe public URLAn Astro project, one component per sectionA static site in an Astro codebaseOpen tool
Framer marketplace export pluginThe project, open in FramerDepends on the plugin: a static copy, a Next.js copy or React componentsExporting from inside the editorCompare
Saving pages by handYour browserOne HTML file per page, still loading from FramerOne page's markup, for reference—
Manual rebuildYour designExactly the code you writeFull redesign control, slowest—

Option 1

Convert the published site

  • Works from the public URL: no Framer login, project access or plugin
  • FNJ exports the whole site in one run as static HTML, a Next.js project or an Astro project
  • Framer's runtime and fonts still load from Framer's CDN, so keep the project published
  • Other URL converters exist; the tools, compared

Option 2

Use a marketplace export plugin

  • Plugins run inside the Framer editor, so you need the project open in Framer
  • Full Site Export: a static copy, the same copy as a Next.js project, or a readable React rebuild it describes as close to the original, not pixel-identical. Its listing offers 3 free exports of 3 pages each, then $10 a month (50 pages a month) or $99 a year
  • Framer to Code: packs the published site's pages, assets, CSS, JavaScript and fonts into a ZIP, with links and asset paths rewritten
  • React Export: copies chosen components, not a site, into a React app through the unframer CLI; its listing asks for a $50 (personal) or $250 (commercial) monthly subscription

Option 3

Save pages from your browser

  • Free, and fine for grabbing one page's markup or a single asset
  • One page per save, and every CMS item page is its own save
  • Framer writes links as ./about-us with no file extension, so saved pages don't open each other until you fix the links or host them at matching paths
  • Images, scripts and fonts still load by full URL from the servers Framer uses; the badge and Framer's analytics script come along, and forms still depend on Framer's backend

Option 4

Rebuild it

  • Hand-written code in your own stack, with nothing loading from Framer
  • Days to weeks for a full site, and the result drifts from the original
  • Right when the site is small, or the design is about to change anyway

HTML, Next.js or React: what each export gives you.

Swipe the table to compare →

What each Framer export gives you
OutputWhat you holdHow you work on itWhere it comes from
Static HTMLOne .html file per page, plus images and other assetsAny text editor; nothing to buildFNJ's HTML export, Full Site Export's static copy, Framer to Code's ZIP, other URL converters
Next.js projectAn App Router project, one route per pageReact and the Next.js toolchain; FNJ splits each page into named section components (Hero.tsx, Pricing.tsx)FNJ's Next.js export, Full Site Export's Next.js copy
Astro projectOne .astro file per route, one component per sectionAstro; npm run build writes static HTMLFNJ's Astro export
React componentsChosen components as React files, for an app you already haveYour own React codebaseReact Export with the unframer CLI; Full Site Export's readable rebuild for whole pages

Underneath every format sits one trade. An export can keep Framer's runtime, so the page renders exactly and every interaction works, but most of the original JavaScript still loads. Or it can replace the runtime with code of its own, which reads more like a developer wrote it but means effects that depended on the runtime have to be rebuilt, and the result is close to the original rather than identical. All three FNJ outputs keep the runtime and trim what sits around it: trackers removed, images re-encoded as WebP. FNJ has no runtime-free mode. More on the formats: Framer to HTML, Framer to Next.js, Framer to Astro and Framer to React.

What carries over, and what doesn't.

All three FNJ exports keep Framer's own runtime, which is why animations behave as authored, and also why none of them is a runtime-free rebuild. Only publicly published pages can be exported.

Swipe the table to compare →

What carries over in a Framer export
Part of your siteHTML exportNext.js exportAstro export
Layout and breakpointsKeptKeptKept
Animations and interactionsKept, via Framer's runtimeKept, via Framer's runtimeKept, via Framer's runtime
Framer's runtime and fontsStill load from Framer's CDNStill load from Framer's CDNStill load from Framer's CDN
Every page and its URLKeptKept, one route per pageKept, one .astro file per route
CMS item pagesKept as pages, as of the exportKept as pages, as of the exportKept as pages, as of the export
Titles, descriptions and Open Graph tagsKept, plus an SEO passKept, plus an SEO passKept, plus an SEO pass
ImagesCopied in as WebPCopied in as WebPCopied in as WebP
FormsShown; repoint submissionsShown; repoint submissionsShown; repoint submissions
TrackersRemovedRemovedRemoved
“Made in Framer” badgeRemovedRemovedRemoved
What you edit afterwardsStatic HTML filesNamed React components, one per sectionAstro components, one per section
Password-protected pagesNot exportedNot exportedNot exported

CMS content is a snapshot

A converter reads the published site, so each CMS item page, such as a blog post or a project, comes across as an ordinary page, as it was when you exported. Items you add or edit in Framer afterwards don't appear until you export again, and nothing stays connected to Framer's CMS. To move the content itself, Framer's porting article points to plugins that export collections as CSV or JSON.

Forms need a new backend

Framer's built-in form handling stays with Framer. The form still shows, but point its submissions at a service such as Formspree or Tally after you move.

Animations run on Framer's runtime

Appear and scroll effects, hover states and other interactions work because the runtime still loads from Framer's CDN. That is also why the Framer project should stay published, and why the export is not a speed rebuild on its own.

Rankings depend on your URLs

FNJ keeps your routes, titles and descriptions and points canonicals at your domain. Keep every URL the same, add 301 redirects for any that change, and compare the old and new pages in PageSpeed Insights rather than assuming a speed gain.

How to choose. Start from what you need next.

Export before you cancel a paid Framer plan, so the export captures the live site.

Convert the published URL if…

  • You don't have, or don't want to open, the Framer project
  • You want every page and URL in one run
  • You want static HTML, a Next.js project or an Astro project
  • Framer's runtime and fonts loading from Framer's CDN is fine

Use a marketplace plugin if…

  • You can open the project in Framer and would rather export from there
  • You want a readable React rebuild and accept close, not identical
  • You only need a few components inside an existing React app

Save pages by hand if…

  • You need one page's markup or one asset for reference
  • You are not trying to move a site

Rebuild if…

  • The site is small, or the design is changing anyway
  • You need nothing at all loading from Framer, which no FNJ export gives you

Steps to export your Framer website

  1. Step 1

    Publish the Framer project

    Only public pages can be exported. Confirm the site — one you own or are authorized to convert — loads without login on framer.website or your custom domain.

  2. Step 2

    Choose HTML, Next.js or Astro

    HTML = plain files, no build step. Next.js = a React project of named section components. Astro = a static site in an Astro codebase.

  3. Step 3

    Run the converter

    Paste the URL into the converter and pick an output. It finds the pages from the site's links and sitemap, and says so if it can't find them all.

  4. Step 4

    Download or deploy

    Download the files, or deploy in one click to your own Cloudflare Pages or Vercel account. Keep the Framer project published, since its runtime and fonts still load from Framer, and point DNS at the new host when you’re ready.

One price. Full ownership. Or build a new site with AI.

Convert your entire Framer website into code you own for one payment, with no subscription. The AI website builder has its own plans.

Builder

Freelancers and creators

$25per month

AI website builder · 60 credits a month

  • 60 credits every month
  • About 4 complete sites a month
  • Up to 20 pages per site
  • AI designs every page
  • Desktop, tablet and mobile layouts
  • Edit by prompt or by hand on the canvas

Agency

Agencies building for clients

$99per month

AI website builder · 250 credits a month

  • 250 credits every month
  • About 16 complete sites a month
  • Up to 20 pages per site
  • AI designs every page
  • Desktop, tablet and mobile layouts
  • Edit by prompt or by hand on the canvas

Site Pack · $29 once

50 credits, used as you build. Enough for about 3 complete sites. Up to 10 pages per site. For the AI builder, with no subscription.

Need more? 20 credits for $10

Top-up credits work on any builder plan. A complete 5-page site over 10 prompts is about 15 credits.

Prices in USD. Builder credits are used as you build: one prompt is 1 credit, and each page the AI builds is 1 more. Conversions and the AI builder are separate products.

See full pricing ›

Export Framer site questions. Answered.

If something doesn't work as expected, let us know. A person answers.

Can you export a Framer site?

Not with a built-in Framer feature. Framer's help article on self-hosting says it does not offer HTML export for self-hosting, and no plan on its pricing page lists an export. A separate data-portability article says the published files can be downloaded and moved to any host, but it names no feature that does it. In practice you use a third-party route: a converter that reads the published URL, an export plugin from Framer's marketplace, or a rebuild.

Can you get the code of a Framer website?

Yes, for a site you own or are authorized to convert, but through a third-party tool rather than Framer. A published Framer page is HTML, CSS and JavaScript that every visitor's browser downloads, so a converter can package the whole site as static HTML or as a Next.js or Astro project, and some marketplace plugins export it from inside the editor. Saving pages from your browser gets you single pages that still load their images and scripts from Framer's servers.

Does any Framer plan include code export?

No. None of the plans on Framer's pricing page lists code, HTML or site export. Paying for a plan gets you things like a custom domain, not a download of your site.

What is the easiest way to export a Framer website?

Paste the published URL into a converter and download the result or deploy it. With FNJ most sites convert in under a minute (large multi-page sites take a few), and you can download the files or deploy them in one click to your own Cloudflare Pages or Vercel account. No Framer login or plugin is needed.

Should I export Framer to HTML or Next.js?

Choose HTML for plain files with no build step that any static host can serve. Choose Next.js when a developer will keep building: you get an App Router project with each page split into named React components that render the original page exactly. Both keep Framer's runtime, so animations behave as authored either way, and both start from the same published URL.

What happens to my Framer CMS content when I export?

It comes across as a snapshot. Each published CMS item page, such as a blog post or project page, is exported as an ordinary page as it was at that moment, with no live link to Framer's CMS, so items you add later need a new export. Framer's data-portability article says the CMS content itself can be exported with plugins as CSV or JSON.

Do forms work after exporting a Framer site?

They still render, but submissions need a new backend. Framer's built-in form handling stays with Framer, so point each form at a service such as Formspree or Tally after you move the site.

Do I need to keep my Framer site published after exporting it?

Yes, if you export with FNJ. Every FNJ output keeps Framer's runtime, which runs the animations and interactions, and it and the fonts still load from Framer's CDN, so the Framer project should stay published. If you need no dependency on Framer's servers at all, FNJ is not the right tool; a rebuild is.

Is exporting my Framer site free?

Not with FNJ. FNJ Lifetime Unlimited is one payment of $49 for unlimited Framer site conversions and every shipped feature, through November 30, 2026. The exported code can be hosted anywhere.

Can I export any Framer website, including ones that aren't mine?

This is meant for sites you own or are otherwise authorized to convert, not for reproducing someone else's site without permission. You're responsible for having the rights to the content and design you convert.

Is this an official Framer tool?

No. This is an independent, third-party tool and isn't affiliated with, endorsed by, or sponsored by Framer.

AI website builder

Starting a new site instead?

FNJ also makes an AI website builder. Describe the site and show it one you like: it designs every page for desktop, tablet and phone on a canvas you can edit, then gives you the code, a Next.js project or static HTML, to host wherever you want.

See the AI website builder →

Ready to convert your website? Production-ready in minutes.

Paste your published Framer URL to generate a production-ready project in minutes.

Example: https://your-site.framer.website— your published site’s address. A custom domain works too.