Add Tailwind CSS to a converted Framer site
Add Tailwind CSS v4 to a Framer site converted to Next.js without breaking it. Skip Preflight, map Framer tokens into @theme, and mind cascade layers.
Blog
Notes on leaving Framer.
Guides to moving a Framer site to code (Next.js, TanStack Start, Astro, React Router or Vite) and running it after. RSS
Results
1 post on Tailwind
Font licensing when you self-host a Framer site
Which fonts you may serve after moving a Framer site to your own hosting, how Google Fonts, Fontshare and commercial webfont licenses differ, and what to check.
How to sell a Framer-to-code migration to clients
How an agency pitches, scopes and prices a Framer to Next.js migration: which clients fit, objections and answers, and a sample email you can adapt.
How to remove the "Made in Framer" badge
The "Made in Framer" badge goes away on a paid Framer site plan. Here is how that works, why CSS tricks are a poor idea, and the no-badge route of owning code.
Host a Framer site on GitHub Pages
Convert a Framer site to a static Vite project, build it, push it to GitHub and deploy with Actions. Also works on Netlify, Cloudflare Pages and S3.
Framer migration content for creators: what ranks and earns
A guide for YouTubers, bloggers and newsletter writers: content ideas about leaving Framer, where to put affiliate links, disclosure and what to avoid.
Edit a Framer site with cursor or claude code
Convert your Framer site to TypeScript, then edit it with Cursor, Claude Code or Copilot. A practical workflow, example prompts and the guardrails to keep.
Earn twice from Framer client migrations
How Framer freelancers and designers earn from client migrations: charge for the service, and earn a referral commission when the client buys the download.
Deframer affiliate program: earn 50% for every lifetime deal you refer
Earn 50% of every Deframer lifetime deal and 40% of every credit pack you refer. How it works, worked examples, the 30-day window and the rules.
How to back up a Framer site
Framer's version history isn't a backup you hold. Here is how to keep a code copy of your site, plus CMS and assets, in Git, and refresh it after changes.
Record a Framer to code tutorial: an outline for creators
A scene-by-scene outline for a YouTube or course tutorial on moving a Framer site to code, with what to show, what to say, disclosure and affiliate links.
Framer variants and hover states as React code
How Framer component variants, hover and press states become React code in a converted site. Where they live, how to read them, and how to add or change one.
Preview deployments for a converted Framer site
Give every change to a converted Framer site its own preview URL on Vercel, Netlify or Cloudflare, and a review flow designers can approve before it goes live.
How to write a Framer migration case study
How agencies and creators write a Framer migration case study that ranks and convinces: what to measure, a section-by-section template, and claims to avoid.
How to convert a password-protected Framer site
Convert a password-protected Framer site with Deframer: how the password is used and never stored, verification, limits and what you get.
Run your Framer marketing site and your app on one domain
Put a Framer marketing site and a web app on one domain: a subdomain, a path proxy in front of Framer, Next.js multi-zones, or one merged Next.js project.
When a client asks for their Framer site's code
What freelancers and agencies can tell a client who asks for their Framer site's code, why Framer has none to hand over, and the options to offer them.
Learn React by reading your own Framer site's code
A designer's route into React: convert your own Framer site to code, then learn components, props, variants and CSS modules from a design you know.
Framer Motion is now Motion: what it means for exported Framer sites
Framer Motion became Motion, imported from motion/react. What changed, what didn't, and how a converted Framer site uses the motion package.
Cookie consent after leaving Framer
What happens to a Framer cookie banner when you convert the site to code, why script order matters for consent, and how to set it up in Next.js.
How to audit a website before migrating it to Next.js
Audit a site before moving it to Next.js: inventory URLs, record traffic and Core Web Vitals, plan redirects and write acceptance tests. Framer steps marked.
Free Framer to Next.js converter, what's actually free
What "free" means for each Framer export tool, exactly what Deframer lets you do without paying, and when the paid step is worth it.
Framer to Next.js migration problems: a database of real issues and fixes
Real Framer to Next.js migration problems by category, each with symptoms, cause, fix and whether Deframer handles it, from our own test runs and code.
What does a Framer to Next.js migration actually cost?
A cost model for moving a Framer site to Next.js: rebuild, convert and review, or hire an agency, with a worksheet you fill in with your own hours and rates.
Framer to Next.js migration checklist: everything to check before launch
A reusable pre-launch checklist for moving a Framer site to Next.js, from URL inventory to DNS cutover, rollback and Search Console, with commands.
Fixing layout differences after converting Framer to Next.js
Symptoms, causes and fixes for layout differences after converting Framer to Next.js: fonts, breakpoints, sizing, sticky, viewport units, images and effects.
How we test a Framer to Next.js converter: our methodology
The method behind our Framer to Next.js tests: site selection, route coverage, pixel comparison at three widths, build checks and how to reproduce it.
Framer to Next.js: real conversion tests on five different websites
We converted five public Framer sites to Next.js and measured routes, builds, pixel differences and errors: what worked, what broke, what we fixed.
Framer to Next.js benchmark: speed, visual fidelity and build results
A 12-site Framer to Next.js benchmark: conversion time, pixel mismatch at two widths, build and type-check results, with test conditions and raw-data notes.
How to convert a Framer website to React
How to turn a published Framer site into React code you own: the routes available, Vite vs Next.js, and what lifting components into another app takes.
Best Framer to Next.js converters in 2026, a practical comparison
A practical comparison of the tools that get code out of a Framer site in 2026: output type, what survives, pricing, limits and how to test them yourself.
Framer vs Astro for a marketing site
Framer or Astro for a marketing site? Compare design speed, editing, CMS, performance, hosting, ownership and cost, and how to move from one to the other.
Maintenance retainers for converted Framer sites
How agencies and freelancers scope, price and run a monthly maintenance retainer for a Framer site converted to code, with a task list and a sample scope.
Security headers for a self-hosted Framer site
Which security headers to add once a Framer site is self-hosted as code, how to write a Content Security Policy that allows Custom Code, and where to set them.
Accessibility audit after converting a Framer site
Audit a Framer site converted to code for accessibility. Run axe, then check keyboard, headings, alt text, forms, contrast and motion by hand.
Framer to TypeScript: what typed code you get from a Framer site
The TypeScript you get when you convert a Framer site to code, how strict it is, why code components are checked differently, and how to tighten types.
Analytics after moving off Framer
What happens to analytics when you move a Framer site to code, where tracking snippets end up, and how to set up GA4, Plausible or PostHog.
Visual regression tests for a converted Framer site with Playwright
Use Playwright screenshots to compare a converted Framer site with the live original, then keep later edits from breaking the design. Setup, config and tips.
How to move a domain off Framer without downtime
Move a custom domain from Framer to a new host with no downtime: deploy first, lower TTLs, change only the web records, verify, and keep a rollback ready.
Next.js vs Astro for a converted Framer site
Next.js or Astro for your Framer site's code? Compare how each export renders pages, handles navigation, hosting, forms and growth, and which fits your team.
What happens to Framer A/B tests when you convert to code
How a Framer split test survives a conversion to Next.js and other frameworks, how visitors are assigned, where to set weights, and how to measure results.
Deframer pricing explained: credits, packs or the lifetime deal
How Deframer pricing works: free conversions, 1 credit per verified download, packs of 1, 5 or 30 credits, and when the $397 lifetime deal pays for itself.
Host a converted Framer site on Render or Railway
Run a Framer site converted to Next.js, TanStack Start, Astro or React Router on Render or Railway: build and start commands, ports, env vars and domains.
Add a shop to a converted Framer site
Ways to sell from a Framer site once it's code. Payment links, Stripe Checkout, a headless Shopify storefront or a hosted cart, with what each needs.
Move a Framer blog to Markdown files in Next.js
Turn a Framer CMS blog into one Markdown file per post in a Next.js project, with a conversion script, a renderer and the same URLs, so writing is a Git commit.
Next.js, Astro, TanStack Start, React Router or Vite: which should your Framer site use?
A decision guide for exporting a Framer site to code. Compare Next.js, Astro, TanStack Start, React Router and Vite on hosting, server needs, SEO and team fit.
Framer lock-in: what you can take with you and what you can't
What Framer lock-in really means: which parts of your site you can take with you (content, assets, domain, URLs, code) and which stay behind.
What website copy protection can and cannot do
Understand Deframer's registry, browser deterrents and Cloudflare request gates, including public CDN bypasses and the limits of coverage checks.
Protect a site with Deframer
Activate Deframer protection for 10 credits once, install the inline deterrent, and configure Cloudflare with DNS proof and free coverage checks.
Host a Framer site on AWS S3 and CloudFront
Host a converted Framer site on AWS: build a static Vite site, upload dist/ to a private S3 bucket, serve it with CloudFront, clean URLs, 404s and redirects.
Add a backend to a Framer site: auth, database and payments
How to add sign-in, a database and payments to a Framer site. Convert it to a TypeScript project, then build server features in the same codebase.
Export a Framer site as a static site with Vite
Export a Framer site as static files: convert it to a Vite and React project that prerenders every page into dist/ for any static host, with no server.
How to export Framer CMS content: CSV, JSON or code
Three ways to get content out of the Framer CMS: a spreadsheet export, a plugin, or typed JSON files from converting the site, and when each one fits.
Self-host a Framer site with Docker on your own server
Self-host a converted Framer site with Docker on a VPS: a Dockerfile for Next.js or the Node targets, Caddy for HTTPS, environment variables and updates.
Can you export code from Framer?
Framer has no code export. Here are the four real routes to your site's code (rebuild, HTML snapshot, converter, reverse proxy) and how to pick one.
Which website builders let you export your code?
Which website builders export code, and how much: Webflow, WordPress, Wix, Squarespace and Framer compared on pages, CMS, forms and what you can host yourself.
Open Graph images after leaving Framer
What happens to a Framer site's Open Graph and social images when you move it to code, how to fix broken link previews, and how to generate images per page.
Framer to Remix in 2026: React Router framework mode is the path
Want your Framer site in Remix? Remix's React features now live in React Router's framework mode. Here's what that means and how to convert a Framer site to it.
How to export a Framer site to Next.js
Export a Framer site to Next.js step by step: convert, compare, verify ownership and download an App Router TypeScript project, then check it.
How a developer should review a converted Framer project
Review a Framer site converted to TypeScript in order. Build, types, notices, dependencies, third-party code, forms, SEO files and visual checks.
How to host a Framer site on Cloudflare Pages
Host a Framer site on Cloudflare Pages: convert it to a static Vite site, build into dist/, deploy from Git or Wrangler, keep redirects and move the domain.
Framer to HTML, CSS and JavaScript, or Framer to Next.js, which do you need?
Framer to HTML gives you a static snapshot; Framer to Next.js gives you a project to keep building. Compare files, assets, fonts, forms, SEO and hosting.
How to make a Framer site ready for AI search and answer engines
Answer-engine optimization for a Framer site: direct answers, question headings, FAQ markup, crawler access and llms.txt, and what owning the code changes.
Framer vs. Webflow vs. Next.js, which fits your site?
Framer vs Webflow vs Next.js compared in a decision matrix: editing, CMS, code ownership, hosting, maintenance, migration, cost and team fit.
Framer vs WordPress: which should you build on?
Framer vs WordPress for a marketing site, compared on design, editing, plugins, hosting, security, SEO, cost structure and how you leave each one.
How to convert a Framer site to React Router framework mode
Convert a published Framer site to a React Router 8 project in framework mode: route modules with meta, every page prerendered, CMS as JSON, forms as routes.
Framer vs. Next.js for growing sites
Framer vs. Next.js for a growing site: when to stay and when to move, judged on team skills, backend needs, content workflow and cost.
How to host a Framer site on Netlify
Host a Framer site on Netlify as a static Vite site with Netlify Forms and _redirects, or as a Next.js app. Build settings, forms, domain and checks.
Write an AGENTS.md for a converted Framer site
A ready-to-adapt AGENTS.md for a Framer site converted to TypeScript, so Cursor, Claude Code, Codex and Copilot edit the right files and check their work.
Framer alternatives when you want to own your code
Framer alternatives ranked by how much of the site you own: Webflow, WordPress, open-source visual builders, Astro and Next.js, and converting your site.
Framer sitemap.xml and robots.txt after converting to code
What happens to a Framer site's sitemap.xml and robots.txt when you convert it to code, how to update them for a new domain, and when to generate them instead.
How to export a Framer site to TanStack Start
Export a published Framer site to TanStack Start in TypeScript: file routes with head(), CSS modules, CMS as JSON and forms as API routes, run on Node.js.
What you get in a converted Next.js project
What a Framer site converted to Next.js contains: a folder-by-folder tour of routes, views, components, tokens, CMS JSON, the kit and README.
How to move a Framer custom domain to Vercel
Move a custom domain from Framer to Vercel without breaking the site: deploy the converted code first, test it, add the domain, then switch DNS.
How to hand off a Framer site to developers
Hand off a Framer site to developers as a real codebase. What to convert, what to write down, which decisions to make first and what developers check.
Can you host a Framer site somewhere else?
Framer sites can't be self-hosted as files, but you can put your own proxy in front of Framer or convert the site to Next.js or Astro and host it anywhere.
How to convert a Framer site to Astro
Convert a published Framer site to an Astro 7 project in TypeScript: every page prerendered to HTML, one React island per page, CMS and forms included.
Framer pricing alternatives: ways to pay less for your website
Ways to pay less for a Framer site, from picking the right plan to self-hosting the code, judged on what each lever saves and what it costs you in time.
How to add structured data to a converted Framer site
Add JSON-LD structured data to a Framer site converted to Next.js or Astro, generated from your CMS JSON so every article, product and FAQ stays in sync.
Verifying Framer site ownership
Verify Framer site ownership for Deframer: add the verification meta tag in Custom Code, publish, and what to check when it isn't found.
What to do before you cancel your Framer plan
Before you cancel a Framer site plan, save your CMS, assets, URLs, redirects and custom code, convert the live site, move DNS, and cancel last.
Deploy a converted Framer site to Vercel, Netlify, Cloudflare or Fly.io
Deploy a Framer site converted to Next.js on Vercel, Netlify, Cloudflare Workers or Fly.io, set form webhooks and switch your domain safely.
Framer CMS limits: what to do when you outgrow them
Framer CMS limits on items, collections and pages explained, the signs you're outgrowing them, and four ways forward, from add-ons to JSON in Next.js.
Is Framer good for SEO, and what does Next.js change?
Framer handles SEO basics well. Here's what it covers, where its limits show, and what moving the site to Next.js changes for metadata, schema and sitemaps.
Framer animations and scroll effects in Next.js with motion
Framer animations in Next.js: appear effects, scroll transforms, parallax, sticky sections, hover states and page transitions on motion/react.
How to compare a Framer site's PageSpeed before and after converting
Compare your Framer site's PageSpeed Insights scores with the converted Next.js version: what Deframer's speed test measures and how to read it fairly.
Framer CMS to Next.js: what happens to your collections, and how to move them to a database
Framer CMS collections in Next.js become JSON files with a schema. Edit records, add items, then move them to a database or headless CMS.
How to migrate Framer forms to Next.js without losing submissions
Migrate Framer forms to Next.js without losing submissions: route handlers, webhook mapping, a parallel run, spam protection and monitoring.
How to keep SEO when moving off Framer, and fix problems after the migration
Keep and fix your SEO after moving off Framer: URLs, redirects, metadata, sitemaps, then troubleshooting with Search Console and curl.
Is Framer built on React? Getting React code from a Framer site
Framer sites run on React, but you can't download them as React code. How to get React components out of a Framer site, and what to expect in them.
Should I keep Framer assets on the CDN or in the project?
Framer assets on the CDN or in the project? What each option changes for images, fonts and videos in Next.js, and how to switch later.
How Framer breakpoints become responsive layouts in Next.js
Framer breakpoints in Next.js: Desktop, Tablet and Phone become CSS media queries and hidden classes you can edit safely in the converted project.
Framer code components and overrides in a Next.js project
Framer code components and overrides in Next.js: where they land, how they load after hydration, and how to tighten their TypeScript types.
Performance tuning a converted Framer site in Next.js
Speed up a Framer site converted to Next.js: measure first, then tune fonts, images, browser-only components, scripts and caching headers.
Framer hosting vs. self-hosting a Next.js site, compared by cost structure
Framer hosting vs. self-hosting Next.js, compared by cost structure rather than prices that change, with a worksheet you can fill in.
Adding a headless CMS to a converted Framer site
Add a headless CMS to a Framer site converted to Next.js: sync entries into the JSON the pages already read, and redeploy when editors publish.
How to convert a multi-language Framer website to Next.js
Convert a multi-language Framer site to Next.js: one route tree, locale routing in proxy.ts, translations, per-locale metadata, hreflang and a checklist.
Migrating a Framer portfolio to Next.js
Migrate a Framer portfolio to Next.js: projects CMS, case studies, contact form and animations, with a checklist in the order you'll work.
An agency workflow for converting client Framer sites
Agency workflow for converting client Framer sites to Next.js: client permission, credit budgets, one repository per client and a clean handover.
Maintaining a converted Framer site with Git
Maintain a converted Framer site with Git: commit the conversion, review on branches, merge new conversions after a republish, update deps.
Common Framer to Next.js conversion issues and how to fix them
Framer to Next.js conversion issues and their fixes: verification, oversized sites, Deframer's notices, build errors and hydration warnings.