Helping startups design & develop breathtaking products & websites...Building https://teapaw.org/t.co/yu0XzPgoZd
Joined July 2024
- Tweets939
- Following700
- Followers888
- Likes2.2K
Pinned Tweet
I’ve spent the last three months building this.
Deframer is finally here.
It started with the same conversation with clients. They wanted to leave Framer, but felt stuck. Moving meant rebuilding their sites.
I was feeling it too. Pricing kept getting harder to justify. The product experience felt worse.
Our template sales also took a hit after the marketplace and community changes. Other template creators have been seeing their revenue dip too.
So I built Deframer.
Some exporters just package what the browser loads from your published URL.
Deframer writes a clean Next.js + TypeScript project, following Next.js best practices. Code you can read, maintain and run yourself.
It also optimizes for SEO, AEO and speed.
Paste your Framer URL, verify it’s yours, and convert. Your pages, components, layouts and motion come along.
Three months later, it’s ready for you to try.
deframer.co
If you’ve been wanting to move off Framer, I’d love to hear how it works for you.
Framer → TanStack Start is live on Deframer.
Deframer is a Framer to code tool. Paste your published Framer URL, pick Next.js or TanStack Start, and get a clean TypeScript project you own.
In the video: the live Framer site on the left, the TanStack Start export running locally on the right.
What you get:
• A file-based route for every page
• React components with CSS modules
• CMS collections as JSON files
• Native forms that post to the project's own API routes
• Images, fonts and videos on Framer's CDN or in the project, your choice
• No Framer runtime, so you can host it anywhere
Tested on hundreds of real Framer sites before launch.
Converting is free. When you're happy with the result, show the site is yours and download the code.
Next.js and TanStack Start today. Astro is next.
Deframer just got faster. And it now brings your split-test versions along too.
A Framer site can show different versions of the same page to different visitors. That makes conversion more complicated: a page can look right while another version is missing from the export.
I’ve been working on handling that properly.
Deframer now detects split tests and includes their published versions in your converted project.
You can choose a version in Compare and see the original and converted site side by side, both pinned to the same version.
One site we tested had 5 split tests and 13 versions. All included in the export.
I’ve also improved conversion speed and expanded support for more Framer sites, including sites that previously failed.
Your pages, components, layouts, motion and split-test versions come together in a Next.js + TypeScript project you can edit and run yourself.
If you tried Deframer before and your site didn’t convert, give it another go.
deframer.co
And if your site runs split tests, I’d love to hear how this works for you.
I’ve spent the last three months building this.
Deframer is finally here.
It started with the same conversation with clients. They wanted to leave Framer, but felt stuck. Moving meant rebuilding their sites.
I was feeling it too. Pricing kept getting harder to justify. The product experience felt worse.
Our template sales also took a hit after the marketplace and community changes. Other template creators have been seeing their revenue dip too.
So I built Deframer.
Some exporters just package what the browser loads from your published URL.
Deframer writes a clean Next.js + TypeScript project, following Next.js best practices. Code you can read, maintain and run yourself.
It also optimizes for SEO, AEO and speed.
Paste your Framer URL, verify it’s yours, and convert. Your pages, components, layouts and motion come along.
Three months later, it’s ready for you to try.
deframer.co
If you’ve been wanting to move off Framer, I’d love to hear how it works for you.
Just convert it framer.com into Next.js in 50 seconds with deframer...
100% accurately..
comment "framer" if you need code
I’ve spent the last three months building this.
Deframer is finally here.
It started with the same conversation with clients. They wanted to leave Framer, but felt stuck. Moving meant rebuilding their sites.
I was feeling it too. Pricing kept getting harder to justify. The product experience felt worse.
Our template sales also took a hit after the marketplace and community changes. Other template creators have been seeing their revenue dip too.
So I built Deframer.
Some exporters just package what the browser loads from your published URL.
Deframer writes a clean Next.js + TypeScript project, following Next.js best practices. Code you can read, maintain and run yourself.
It also optimizes for SEO, AEO and speed.
Paste your Framer URL, verify it’s yours, and convert. Your pages, components, layouts and motion come along.
Three months later, it’s ready for you to try.
deframer.co
If you’ve been wanting to move off Framer, I’d love to hear how it works for you.
Mehdi Hassan retweeted
I’ve spent the last three months building this.
Deframer is finally here.
It started with the same conversation with clients. They wanted to leave Framer, but felt stuck. Moving meant rebuilding their sites.
I was feeling it too. Pricing kept getting harder to justify. The product experience felt worse.
Our template sales also took a hit after the marketplace and community changes. Other template creators have been seeing their revenue dip too.
So I built Deframer.
Some exporters just package what the browser loads from your published URL.
Deframer writes a clean Next.js + TypeScript project, following Next.js best practices. Code you can read, maintain and run yourself.
It also optimizes for SEO, AEO and speed.
Paste your Framer URL, verify it’s yours, and convert. Your pages, components, layouts and motion come along.
Three months later, it’s ready for you to try.
deframer.co
If you’ve been wanting to move off Framer, I’d love to hear how it works for you.
Mehdi Hassan retweeted
I used AI to build 115,000 followers and a 7-figure business.
50M+ views. 70,000+ inbound leads.
LinkedIn. Instagram. X. YouTube.
Just 1 raw idea in → 4 platform drafts and a production plan out.
→ No more 200-view posts that sound like every other founder
→ No more $5,000/month ghostwriters who still don't sound like you
→ No more guessing what to post on 4 different platforms
Getting Claude to write a post is easy.
Getting content worth publishing, week after week, takes more than "make it sound like me."
Here's how it works:
→ Research (your sources → useful facts, audience questions, and concrete examples)
→ Idea selection (up to 5 angles → the strongest point, with weaker ones rejected)
→ Native writing (1 angle → LinkedIn post, X post, Reel talking points, YouTube outline)
→ Editing (draft + writing samples → sharper openings and copy that sounds like you)
→ Production planning (drafts → what to publish first, what to record, what to defer)
→ Performance review (actual results → what to repeat, change, and test next)
The research shapes the writing. The results shape your next round of ideas.
Change the business, buyer, and voice files, and reuse the same process for another brand or client.
I packaged it into a free interactive walkthrough, 4-file starter, and complete 28-file workspace, with platform instructions and a worked example.
Runs in Claude or ChatGPT. No code.
Want the complete AI Marketing OS?
Like + reply "OS" + repost, and I'll DM it to you.
(must be following)
We’re offering business owners a free website audit + 10 custom redesign directions to help turn more visitors into enquiries.
Only 3 slots left this month....Book your free audit cal.com/realmehdi/40min
We’re offering business owners a free website audit + 10 custom redesign directions to help turn more visitors into enquiries.
Only 3 slots left this month....Book your free audit
cal.com/realmehdi/40min
Looking for a web and product design partner? Let’s talk.
cal.com/realmehdi/40min
