SourceferryExport a Framer project as code you edit: a static HTML and CSS site or a Next.js project, built from the canvas inside the plugin, with breakpoints, styles, images, fonts and CMS content

Export your Framer site as code you own. Sourceferry turns your pages into a static HTML and CSS site or a Next.js project, straight from the canvas: breakpoints, styles, images, links and CMS content included. Nothing gets published or uploaded along the way.

What you get

• A whole project, chosen pages or one selected layer, exported from the canvas: no publishing first, no account, no vendor server
• Static HTML and CSS you can host anywhere, or a Next.js project (App Router, TypeScript) with a page per Framer page
• Breakpoints merged into one page with media queries, the way the layers were designed, instead of a copy per breakpoint
• Stacks and grids as flexbox and CSS grid, with gaps, padding, fill, fit and fixed sizes, pins and grid spans
• Colour styles as CSS variables with their dark values, text styles as classes with their breakpoints
• Images and SVGs saved into the export with their alt text; Google Fonts and Fontshare linked
• Links between pages rewritten to the export's own paths
• Design components exported once and reused; code components marked with a placeholder
• CMS collections as JSON files, with images saved alongside
• A report that lists everything that didn't carry over, layer by layer