Deframer: Framer to Code

Turn the Framer site you're on into a clean TypeScript project you own, in the framework you choose.

Open any published Framer site you own and click Deframer to turn it into a clean TypeScript project in the framework you pick. Every page, the CMS, forms and animations come across, with no Framer runtime. What it does • Tells you whether the site in your tab is built with Framer, and whether it's verified for your Deframer account. • Converts it with the framework you pick, keeping images, fonts and videos on Framer's CDN or putting them in the project. • Follows the conversion. Close the popup and come back: the icon shows a check when the project is ready. • Opens the result on deframer.co, where you preview it side by side with your site and download it. The icon (optional) Allow Deframer to recognise Framer sites as you browse and the icon changes on its own: gray on other sites, amber while a page loads, black and white on a Framer site. The check runs on the page already loaded, only in your browser. Nothing is sent to Deframer until you open the extension. You can skip this; the extension then checks a site when you click it. Pricing Converting and previewing are free. Downloading a project uses 1 credit (packs from $10), or is free with the lifetime deal, on deframer.co. You need a free Deframer account. Only for your own sites, or sites whose owner has given you permission: downloads require proving ownership with a one-line verification tag on the site. Privacy: https://deframer.co/privacy Terms: https://deframer.co/terms Support: https://deframer.co/contact Deframer is independent of Framer and is not authorized by, endorsed by, sponsored by or affiliated with Framer. Framer is a trademark of its owner.