I'm building an AI tool that turns Design Systems into React components
Hi HN! Solo developer here. 10 days ago, I started building this after spending countless hours copying/pasting marketing sections and fighting to keep them consistent with our design system. I wondered: "What if AI could understand our design system and generate React components that actually match it?" Current progress (10 days in): - Can generate hero sections that follow your design tokens - Uses your actual component variants and styles - Works with Next.js, Tailwind, shadcn/ui It's very early days, but I'm excited to share it with other devs who: - Are tired of rebuilding…
I'm building an AI tool that turns Design Systems into React components launched on November 6, 2024 with 8 votes and more than 75% of that year's launches. The site was still online in September 2026, 1 year on.
What it does
In the maker’s words, at launch
Hi HN! Solo developer here. 10 days ago, I started building this after spending countless hours copying/pasting marketing sections and fighting to keep them consistent with our design system. I wondered: "What if AI could understand our design system and generate React components that actually match it?" Current…
Does a similar job
all alternatives →
21st.dev2025 · 21st.dev · ▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
Locofy.ai2022 · locofy.ai · ▲720Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…
- AVA Visual IDE for React2022 · dev.aspect.app · ▲479
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
Once UI 1.5Dec 2025 · once-ui.com · ▲302When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 20d ago · stillwet.art
PixVerse R2▲381A real-time world model you can explore and change
AI · 28d ago · world.pixverse.video
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, November 2024
the whole month →
Lovable▲1,477Hey HN! Previous CERN physicist turned hacker here. We've developed a way to make AI coding actually work by systematically identifying and fixing places where LLMs typically fail in full-stack development. Today we're launching as Lovable (previously gptengineer.app) since it's such a big change. The problem? AI writing code typically make small mistakes and then get stuck. Those who tried know the frustration. We fixed most of this by mapping out where LLMs fail in full-stack dev and engineering around those pitfalls with prompt chains. Thanks to this, in all comparisons I found with: v0,…
AI · 2024 · lovable.dev
Postiz▲1,188Streamline your social media with Postiz. Schedule posts, analyze performance, and manage all accounts in one place.
Dev tools · 2024 · postiz.com
I wasn't quite sure if this qualified as "Show HN" given you can't really download it and try it out. However, dang said[0]: > If it's hardware or something that's not so easy to try out over the internet, find a different way to show how it actually works—a video, for example, or a detailed post with photos. Hopefully I did that? Additionally, I've put code and a detailed guide for the netboot computer management setup on GitHub: https://github.com/kentonv/lanparty Anyway, if this shouldn't have been Show HN, I apologize! [0]…
Dev tools · 2024 · lanparty.house
Raycast Notes▲1,058Unlock a new level productivity with AI, Cloud Sync and more
Work · 2024 · raycast.com
