Turn your Framer site
into code you own
The Framer to Next.js exporter that keeps every page, animation and image.
Preview it free, before you pay.
export default function Page() { const Hero = <motion.section /> const Features = <Grid /> const Pricing = <Plans /> return <>{Hero}{Features}{Pricing}</> } // texts → content.overrides.jsonReading 142 pages…
Export once, run on any host and edit with any tool
Start exporting today
The fastest way from a Framer site to a Next.js app you can host, edit and keep.
# install, sign in, export npm i -g deframer deframer login deframer create https://gojiberry.ai ./site cd site && pnpm dev
{ "source": "https://gojiberry.ai", "pages": 142, "sections": ["Hero", "Features", "Pricing"], "match": 0.977 }
Edit it with your
AI agent
Every export ships with AGENTS.md, so Claude, Cursor or Codex know their way around in seconds.
One prompt. Tell your agent what to change. It finds the section, the text or the image by name.
Read AGENTS.md. Change the hero headline to “Find your best customers on autopilot” and make the brand colour #2563eb.
Named, not numbered. Sections are called Hero, Features, Pricing in the code, not div 47.
const Hero = … const Features = … const Pricing = …
Pixel-checked, editable, and
yours to keep
Every export is compared with your live site, screen by screen.
Visual match. 94.7% of pixels identical to the live gojiberry.ai at desktop, tablet and phone width, with zero console errors.
See how it is measuredAbout three minutes. From your link to a running preview: read, download, build, compare.
How the preview worksWe handle the hard stuff
Animations, CMS, fonts, breakpoints and responsive images, exported as they are on Framer.
Named sections. Hero, Features, Pricing: every part of a page has a name in the code.
Texts in one file. Change any headline in content.overrides.json, no code needed.
Every image indexed. MEDIA.md lists each image with its page and layer. Swap one in seconds.
Colours as variables. theme.css holds the palette. Recolour the whole site in one place.
Real Next.js. App router, static pages, your own domain. pnpm build and ship.
Re-sync safely. Pull Framer changes later; your edits are kept, conflicts are listed.
Leave Framer.
Keep your site.
Your pages, your animations, your CMS. Now a Next.js app on your own domain.
Pay once, or keep it in sync
The preview is free. Refund within 14 days if deframer can't export a working copy.
One Site
$15once
One site, yours forever.
Start with a free preview- The whole site as a ZIP
- Yours forever
- CLI for that site for 30 days
Pro
POPULAR$149/year
For a handful of sites you keep in sync. Save 57%.
Start with a free preview- Up to 10 sites
- ZIP downloads
- CLI with re-sync
Unlimited
$390/year
For agencies and studios. Save 44%.
Start with a free preview- Unlimited sites
- ZIP downloads
- CLI with re-sync
Frequently asked questions
Everything you need to know about deframer. Read the docs for more.