Mehdi Hassan (@RealMehdi101) header
Mehdi Hassan (@RealMehdi101) profile picture

Helping startups design & develop breathtaking products & websites...Building https://nitter.gq/t.co/yu0XzPgoZd

Joined July 2024
Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)Photo by Mehdi Hassan (@RealMehdi101)
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.
10
9
7
45
5,141
Deframer launched on 15 October. Less than 30 days later we've crossed $100 in revenue (Whop + Polar, screenshots attached). For a tool we spent months building, a lot of people would call that a failure. I don't, and here's why. Before Deframer, clients paid us thousands of dollars to convert their sites by hand, and each one took weeks. Now Deframer converts a Framer site in about 6 seconds on average, to clean, pixel-perfect code you own. And right now it's dirt cheap: $10 for a single conversion $5 per site on Starter $3.33 per site on Studio $197 for Lifetime, which is 50% off $397. This offer won't come back. On 15 November, five days from now, credit prices double. How we got here: we started with Framer → Next.js, then added more frameworks. Now we're building Framer → Webflow. Next, I'm looking at Webflow → Framer and any website → Framer. If you have Framer sites to move, do it while it's still this cheap: deframer.co
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.
2
2
2
7
338
Framer to HTML is live. Paste a Framer site, get plain HTML, CSS and JS you can host anywhere. deframer.co/framer-to-html
1
5
131
Thinking about adding Framer → Webflow conversion to Deframer. We already support Next.js, Astro, Vite, TanStack Start, and React Router. Remix and static HTML exports are also in testing. But what if you could move your entire Framer site to Webflow without rebuilding it from scratch? Is this something you'd actually use? Curious to hear your thoughts before we start building. deframer.co/
2
2
1
8
187
Moving client sites off Framer? Get paid for it. Deframer turns a published Framer site into a clean TypeScript project: Next.js, Astro, TanStack Start, React Router or Vite. Every page, the CMS, forms and animations come across, with no Framer runtime. Our affiliate program pays you 50% of every lifetime deal and 40% of every credit pack. Send your link to clients who want their code, your agency network, or anyone stuck on Framer's pricing. If they buy within 30 days, the commission is yours. One click to join, paid out through Whop. Banners and ready-made posts are included.
1
1
1
4
226
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.
1
4
325
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.
7
4
12
473
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.
3
1
1
15
1,068
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.
10
9
7
45
5,141
Simple and elegant pricing design.
1
13
404
A, B, or C
1
1
13
335