Visually build UI using real components. Start with stunning templates. Personalize your theme. Design pages with our intuitive drag-and-drop editor. Then, save hours by never having to write CSS again.
Hey PH! I’m Irvin, CEO of Subframe (https://subframe.com/)
Back in 2022, I started Subframe as a passion project because I was frustrated by the inefficiencies in building UI:
🤯 My team wasted hours drawing rectangles in Figma, translating mockups to CSS, and sitting in meetings correcting the mistakes.
🤯 I tried Figma plugins that promised design-to-code, but rarely produced high-quality code.
🤯 As a non-designer, I couldn’t get things to look good when I tried designing it myself.
That’s why we built Subframe, a new way to quickly go from idea to production-ready UI.
Here’s how it works:
✨ Browse hundreds of beautiful, designer-approved templates to kickstart your designs
🎨 Refine your designs by drag-and-dropping in Subframe’s visual editor using real components, not mockups
💻 Export your designs to high-quality React/Tailwind code by copy and pasting
Subframe is unlike existing tools out there in that:
➡️ We help you build your actual product, not just marketing pages. You can create screens like dashboards, settings pages, chat bots, and more.
➡️ Our editor is easy and intuitive for non-designers. We are an alternative to Figma that gives you guardrails like choosing colors, which takes the guesswork of “making things look good”.
➡️ We work within your codebase. After you build something on Subframe, the UI code you copy/paste is all yours. You can hook it up to your custom business logic, without any lock-in.
We’ve seen hundreds of companies build UI on Subframe already and are excited to now open up to the public.
And that’s not all – we have an exciting roadmap ahead. I wrote about it here: https://medium.com/@irvin_zhan/i...
Thank you for your support PH 🙏
