The Question Nobody Expected to Be Hard
You built a website in Framer. Now you want the actual HTML, CSS, and JavaScript on your computer. You check the menus, search the docs -- nothing. No "Download" button. No "Export to HTML." Your website exists on Framer's servers and nowhere else.
This isn't a bug. It's the business model.
"can i export html, css & js from a framer based website?"
-- u/PixelPrem, r/framer (47 upvotes, 133 comments)
The answer from Framer is always the same: no. You pay $10-100/month to keep it online. Stop paying, and it goes dark.
"100% not interested in any website building tool that de facto owns my or my customers site and requires rent to keep the site up."
-- u/s3r3ng, r/framer (7 upvotes)
"This lack of export has kept us from using Framer in our company. Unfortunately, it's just not possible to get another locked in vendor approved."
-- u/Blarghnog, r/framer (8 upvotes)
Three methods exist. Two are free but broken. One costs $10.99 and actually works.
Three Ways to Download a Framer Website
Method 1: Browser DevTools (Free, Manual)
Save Page As... / DevTools
FreeRight-click your Framer site, select "Save As," and choose "Webpage, Complete." Chrome will download the HTML file and a folder of assets. Alternatively, open DevTools (F12), go to the Sources panel, and manually copy files.
What you get: A single HTML page and some CSS/image files.
What breaks: JavaScript modules are not saved correctly. React doesn't hydrate. Every hover effect, scroll animation, page transition, accordion, and interactive component stops working. Multi-page sites require saving each page individually. Asset paths are often wrong.
Verdict: Gets you a static screenshot. Not a working website.
Method 2: wget / HTTrack (Free, CLI)
wget --mirror / HTTrack
FreeTools like wget --mirror or HTTrack recursively crawl a website and save all linked files. They're designed for mirroring traditional server-rendered sites.
What you get: HTML pages, CSS files, some images. The basic structure of your site.
What breaks: Framer sites use dynamic ES module imports (import()) and content referenced inside JavaScript bundles -- things wget can't follow. The React runtime fails to load. Framer Motion animations don't work. Fonts referenced in CSS url() calls inside JS bundles are missed entirely. You'll get a site that looks partially right but behaves like it's frozen.
Verdict: Better than DevTools, but animations and interactivity are gone.
Method 3: Framer Export ($10.99, Full Fidelity)
Framer Export Tool
Framer Export was built specifically for this problem. It mirrors your published Framer site via HTTP, discovers every page (using Framer's search index), downloads all JavaScript bundles including dynamically imported chunks, resolves image URLs embedded inside React component code, downloads all fonts, and rewrites every CDN URL to a local path.
What you get: A ZIP file with every HTML page, all CSS, the complete React + Framer Motion JavaScript runtime, every image, and all fonts. You unzip it, open index.html, and the site works exactly as it did on Framer.
What's preserved: Hover effects, scroll-triggered animations, page transitions, accordions, tabs, carousels, marquee tickers, cursor effects -- everything. The exported code is the same code Framer serves. Only CDN URLs change (to local paths).
Verdict: The only method that produces a working, deployable copy of your Framer site.
Method Comparison
| Feature | DevTools | wget/HTTrack | Framer Export |
|---|---|---|---|
| Price | Free | Free | $10.99 (one-time) |
| Multi-page | Manual per page | Partial | All pages auto-discovered |
| HTML/CSS | Partial | Yes | Yes |
| JavaScript (React) | Broken | Broken | Full runtime preserved |
| Hover effects | No | No | Yes |
| Scroll animations | No | No | Yes |
| Fonts downloaded | No | Some | All (Google, Fontshare, custom) |
| Images | Visible only | Linked only | All (including JS-referenced) |
| Deploy-ready | No | No | Yes, unzip and upload |
How to Download Your Framer Site (Step by Step)
-
Go to letaiworkforme.com
Open the Framer Export tool in your browser. No account required to start.
-
Paste your Framer URL
Enter the URL of your published Framer site. This can be
yoursite.framer.websiteor your custom domain. The site must be published (not just in draft mode). -
Watch the live export
The tool discovers all pages using Framer's search index, downloads every page and asset, and shows real-time progress. You'll see each page and asset as it's processed.
-
Preview before paying
A full interactive preview appears with working animations. Switch between desktop, tablet, and mobile views. Navigate between pages. Verify everything looks right.
-
Download the ZIP
Pay $10.99 (one-time, no subscription) and download your complete site as a ZIP file. Unzip it and you're ready to deploy.
Ready to download your Framer site? Full preview with working animations before you pay.
Export nowWhat's Inside the ZIP File
HTML Pages
Every page as a standalone .html file. Fully server-rendered with all text content, meta tags, and structured data intact.
JavaScript Bundles
Complete React + Framer Motion runtime as .mjs modules. All dynamic imports resolved. Animations and interactions work out of the box.
CSS Styles
Inline styles and external stylesheets. Framer's variant class system (.framer-v-*) for hover states and responsive layouts preserved.
Images
Every image downloaded from Framer's CDN. Includes images referenced in <img> tags, CSS backgrounds, and React component code.
Fonts
All fonts downloaded locally: Google Fonts, Fontshare, and custom uploads. Your site works offline without any external font requests.
manifest.json
A summary of the export: page count, asset count, original URL, and export timestamp. Useful for documentation and auditing.
The exported code is the same code Framer's servers deliver -- React hydrates on server-rendered HTML, Framer Motion runs all animations, nothing is re-built or transpiled.
Where to Host Your Downloaded Site (Free)
All three platforms below offer free hosting with drag-and-drop deployment:
Vercel
Fastest setup. Drag your folder into vercel.com/new and get a live URL in seconds. 100 GB/month bandwidth. Global edge network.
Netlify
Best if your site needs forms. Built-in form handling (100 submissions/month free). Drag-and-drop deploy at app.netlify.com/drop.
Cloudflare Pages
Unlimited bandwidth. 300+ edge locations. No commercial restrictions on free tier. Best for most sites.
Why Framer Doesn't Let You Download Your Site
Framer's revenue model depends on monthly hosting fees. If you could download and self-host, you would pay once and never again. This is vendor lock-in by design.
The good news: Framer sites are fully server-side rendered. The code exists in every HTTP response -- standard HTML, CSS, and JavaScript. That is what makes external export tools possible.
Frequently Asked Questions
Framer does not provide a built-in download or export feature. There is no button in the Framer editor to save your site as HTML files. To get your site's code, you need a third-party tool like Framer Export that mirrors your published site and packages everything into a downloadable ZIP with HTML, CSS, JavaScript, images, and fonts.
Your site goes offline. Framer hosts your website on their servers, and there is no way to download it through their platform. Once you stop paying, visitors see nothing. This is why exporting your site before canceling is critical -- once the site is down, export tools can't access it either.
It depends on the method you use. Browser DevTools and wget/HTTrack produce incomplete downloads where JavaScript fails to load, which means every animation breaks. Framer Export preserves the full React and Framer Motion runtime, so all hover effects, scroll animations, page transitions, and interactive components work identically to the original site.
Framer Export costs $10.99 per site as a one-time payment with no subscription. You can preview the full export with working animations before paying. Free methods exist (DevTools, wget) but they produce broken output that's missing JavaScript, fonts, and animations. For a working copy of your site, $10.99 is the cost.
You can deploy your exported site for free on Vercel (100 GB/month bandwidth), Netlify (100 free form submissions), or Cloudflare Pages (unlimited bandwidth). All three support custom domains and free SSL certificates. Drag-and-drop deployment takes under 2 minutes. See our free hosting guide for step-by-step instructions.
Download your Framer website today
Full-fidelity export with every animation, hover effect, and interaction preserved. Preview before you pay.
Export Your Framer Site$10.99 per site (one-time) · No subscription · Full preview before payment · Money-back guarantee