Framer to Code
Framer has no built-in code export, so every route to real code is a third-party one. Here is the whole field — what each route actually hands you, what it quietly drops, and which of them are free.
The short answer
Framer itself cannot export code. Its help article says it does not offer HTML export for self-hosting: a published site runs on Framer's runtime and hosting services, and there is no export button on any plan. Third-party plugins in Framer's marketplace now export from inside the editor, and converters work from the published URL.
So the real question is which third-party route you take, and they differ in one way that matters more than price: how much structure survives. A static copy gives you one flat generated file per page — correct on screen, unpleasant to edit. A component project gives you named components per section that a developer can actually work in. Pick by what you intend to do next, not by what the site looks like on arrival.
Every route, compared
| Route | What you end up with | Free? |
|---|---|---|
| Framer's own export | Nothing | — |
| Framer marketplace plugins | A copy, a project or components, depending on the plugin | Some, small |
| View source / DevTools | Fragments | Yes |
| HTML converters | A static HTML/CSS/JS bundle | Some, partly |
| React / Next.js conversion | A component project you can develop | No |
| Rebuild by hand | Exactly what you build | Your time |
1. Framer's own export
You end up with: Nothing · Free: —
Worth stating first because most searches start by looking for it: there isn't one. Framer has no export button on any plan; a published site runs on Framer's React runtime and hosting. Every other route on this page exists because of that.
2. Framer marketplace plugins
You end up with: A copy, a project or components, depending on the plugin · Free: Some, small
Third-party plugins in Framer's own marketplace now export from inside the editor, so you need edit access to the project. Full Site Export offers a static copy, a Next.js project of that copy, or a readable React rebuild it describes as close to, not identical to, your site; it has three free exports of three pages, then $10 a month or $99 a year. Framer to Code exports the whole site with Framer's runtimes bundled and sells one-time credit packs. React Export (with the unframer CLI) and Reframe are different: they copy individual components into a React app you already have, rather than exporting a site.
3. View source / DevTools
You end up with: Fragments · Free: Yes
Genuinely free, and genuinely limited. You can read the served markup and save individual assets, but a Framer page's styling is generated at runtime and split across hashed bundles, so what you copy renders as a broken approximation. Fine for lifting one SVG or checking a font stack. Not a way to get a site.
4. HTML converters
You end up with: A static HTML/CSS/JS bundle · Free: Some, partly
The largest category — tools that crawl your published URL and package the rendered output as static files. You get pages that look right and host anywhere. What you do not get is structure: it is one flat HTML file per page, so editing means hunting through generated markup, and anything driven by Framer's runtime has to be re-created or dropped. Good when the goal is hosting, not development.
5. React / Next.js conversion
You end up with: A component project you can develop · Free: No
The output is a real App Router project: each page split into named React component files taken from your Framer section names, composed by one view per page, with a prerender step that renders them back to the original DOM. The difference from an HTML bundle is what happens next — a developer can extend it, wire it to an API, or drop a section into another project. This is what FNJ's Next.js Converter produces.
6. Rebuild by hand
You end up with: Exactly what you build · Free: Your time
Always an option and sometimes the right one. If the Framer site is small, or if the design is about to change anyway, a developer rebuilding five pages properly will beat any conversion on code quality. It stops making sense the moment the site is large, finished, and merely in the wrong place.
“Framer to code, free” — the honest answer
This is the most-searched variant, so it deserves a straight answer rather than a landing page that says “free” and then asks for a card.
Free routes exist. DevTools costs nothing and gets you assets and fragments. Several HTML converters run free tiers, usually capped by page count or watermarked, and the Full Site Export plugin gives three free exports of three pages. If your site is small and you only need it hosted somewhere else, start there — you may not need to pay anyone.
FNJ conversion is not free. FNJ Lifetime Unlimited is one payment of $29 for unlimited Framer site conversions and every shipped feature, through November 1, 2026.
Which one should you use
Use an HTML export if…
- · The goal is hosting it somewhere else, cheaply
- · Nobody is going to edit the code afterwards
- · You want plain files, not a project to build
- · The site is finished and static
Use a React conversion if…
- · A developer will keep working on the site
- · You want named components, not one generated file
- · Animations must survive exactly as authored
- · The site needs to grow beyond what the canvas allows
Related: Framer to React components · Framer to HTML converter · Convert Framer to Next.js · How to export a Framer site · Framer's limits, plan by plan
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.
FAQ
Can you export code from Framer?
Not with a built-in feature: Framer has no export button on any plan, including Enterprise. Third-party plugins in Framer's marketplace, such as Full Site Export and Framer to Code, export from inside the editor if you can edit the project. Converters such as FNJ work from the published public URL without opening the project. Or you rebuild the site by hand.
Is there a free Framer to code converter?
Browser DevTools cost nothing and give you fragments — individual assets and unstyled markup — not a working site. Some converters have limited free tiers. FNJ conversion and source-code export require a one-time FNJ Lifetime purchase.
What is the difference between Framer to HTML and Framer to code?
How much structure survives. An HTML export gives you one flat file per page: it renders correctly and hosts anywhere, but the markup is machine-generated and unpleasant to edit. A code conversion gives you a project — named React components per section, a route per page, and a build you can run. Both are 'code'; only one is code you would willingly work in. Choose HTML for hosting and speed, a component project for development.
Does exported Framer code keep the animations?
It depends on the route. Conversions that keep Framer's runtime reproduce animations and interactions exactly as authored — measured element parity with the source is 100%. Routes that strip the runtime for speed re-create appear and scroll animations with lightweight CSS and IntersectionObserver, which covers most sites but can simplify runtime-only effects like custom cursors or WebGL.
Can I export a Framer site to React components?
Yes, through third-party tools; Framer offers no such export itself. Component plugins such as React Export and Reframe copy individual components into a React app you already have. To turn a whole site into a component project, FNJ's Next.js Converter emits one named component file per section, named from the section names you set in Framer, so a Hero section becomes Hero.tsx, and still renders the original page exactly.
Do I need my Framer login to get the code?
No, and you should be wary of any tool that asks. Conversion works from the site's public published URL — the same pages any visitor can load. No Framer account access, password, plugin or API key is required. If a page is publicly published, it can be converted.
Is it legal to export a Framer site to code?
For a site you own or are authorised to convert, yes — it is your design and your content. Converting someone else's site that you have no rights to is not something any of these tools make acceptable. FNJ's terms limit use to sites, designs and content you own or are authorised to convert, and that limit is the meaningful one.
What does a Framer code export cost?
It varies by route and by unit, and the unit matters more than the number. Some tools price per page or per month, which scales badly on a large site. FNJ Lifetime Unlimited is one payment of $29 for unlimited Framer site conversions and every shipped feature, through November 1, 2026. A twenty-page site costs the same as a one-page one.
Get your Framer site as real code
Paste your published Framer URL and get a Next.js project of named React components, or a clean static bundle. Priced per site, not per page, so a twenty-page site costs the same as a one-page one.
Example: https://your-site.framer.website