Framer in. Next.js out.

How it works

1. 01

   Paste

   Paste your published Framer URL. We fetch every page, its images, fonts, videos and CMS data.

2. 02

   Preview

   Check the copy page by page at desktop, tablet and phone widths before you download it.

3. 03

   Ship

   Download a Next.js project you own. Run it locally, push it to GitHub and host it anywhere.

Your Framer site, exactly as you built it, in code you own.

• Identical to your Framer site

  Every animation, breakpoint, CMS list and interaction runs as it does on Framer.

• Self-hosted files

  Images, fonts, videos and CMS data are downloaded into the project and served from your own host.

• Your text in one file

  All the site’s text lives in a single content file, so copy changes don’t mean digging through markup.

• A standard Next.js project

  Every page is a route. npm install, npm run dev, and deploy it wherever Next.js runs.

• Every page, every breakpoint

  Desktop, tablet and phone layouts come across exactly as you designed them in Framer.

• No lock-in

  Keep the code, change it however you like, and host it on your own terms.