Pick Unframer (React Export) if
- You keep designing in Framer and want selected components to stay in sync inside an existing React app.
- Your team pays for an ongoing design-to-code workflow, not a one-time move.
Compare
Deframer vs Unframer (React Export)
Unframer (React Export): Framer components exported as React (.jsx) files with CSS, for use inside your own app. Deframer: a TypeScript project for the framework you pick, built from the site's own code. The facts below are from each tool's own site, checked 5 November 2026.
Side by side
The facts as of 5 November 2026
| Deframer | Unframer (React Export) | |
|---|---|---|
| What you get | A full TypeScript project built from the site's own code | Framer components exported as React (.jsx) files with CSS, for use inside your own app |
| Kind of output | Framework source code | React components |
| Frameworks | Next.js, Astro, React Router, TanStack Start, Vite, static HTML (and plain React) | Any React framework: Next.js, Remix, Vite, Astro |
| TypeScript | Yes: every file is .ts or .tsx | Type definitions for component props (JSDoc / generated types) |
| How it works | Paste the published URL. No Framer login or plugin. | Install the React Export plugin in your Framer project, select components, then run npx unframer. Needs access to the Framer project. |
| CMS | Each collection becomes a schema and a JSON file; its pages are prerendered for every item. | Not stated (its CMS tools edit Framer, they don't export it). |
| Fonts and images | Your choice: kept on Framer's CDN, or downloaded into the project. | Not stated. |
| Ownership check | Verified: a code in the site's custom code proves it is yours before the cheapest download. | Built in: you need access to the Framer project. |
| Pricing | Free to convert. Download: $10 (1 credit) with site verification, packs $25 for 5 and $100 for 30, or $397 once for unlimited conversions and free verified downloads for life. | Hobby $450 a year, Commercial $2,250 a year (yearly view); 7-day trial with a $1 fee; free for open-source, non-commercial use. |
Sources: unframer.co/index.md, unframer.co/pricing, unframer.co/llms-full.txt. Prices change: check Unframer (React Export)'s site for today's.
Which one
Pick by what you need
Pick Deframer if
- You want the whole site as a project (pages, routes, CMS, metadata), not components to wire up yourself.
- You are leaving Framer, or only have the published site: no Framer project access needed.
- You pay once per site instead of a yearly subscription.
Every option side by side: Framer export tools compared.
FAQ
Deframer and Unframer (React Export), answered
Is Deframer an alternative to Unframer (React Export)?
Yes, for moving a published Framer site to code. Unframer (React Export) gives you Framer components exported as React (.jsx) files with CSS, for use inside your own app; Deframer gives you a TypeScript project for Next.js, Astro, React Router, TanStack Start or Vite, or static HTML, built from the site's own code.
When is Unframer (React Export) the better choice?
You keep designing in Framer and want selected components to stay in sync inside an existing React app. Your team pays for an ongoing design-to-code workflow, not a one-time move.
Can I try Deframer before paying?
Yes. Converting is free: paste the site's address, open the result and read the code. You pay only to download it, from $10 with site verification.
Get started
Try it on your site. Converting is free.
- Convert
- Download
- Deploy anywhere