AI · alternatives · 2026
24 alternatives to 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…
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. I'm building an AI tool that turns Design Systems into React components launched in 2024; newer entries below may have overtaken it.
- 1
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!
2025 · 21st.dev · its alternatives →
- 2
- 3
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…
2022 · locofy.ai · its alternatives →
- 4
- 5
Kombai▲1,079A new AI model that you can prompt with UI designs
2023 · kombai.com · its alternatives →
- 6AV
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!
2022 · dev.aspect.app · its alternatives →
- 7
Once UI 1.5▲299When 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…
Dec 2025 · once-ui.com · its alternatives →
- 8
Course for building a React site using components
2018 · designcode.io · its alternatives →
- 9
I figured I needed to work on my coding skills before building the next groundbreaking AI app, so I started working on this free tool site. Its basically just an aggregation of various commonly used calculators and unit convertors. Link: https://www.calcverse.live Tech Stack: Next, React, Typescript, shadcn UI, Tailwind CSS Would greatly appreciate your feedback on the UI/UX and accessibilty. I struggled the most with navigation. I've added a search box, a sidebar, breadcrumbs and pages with grids of cards leading to the respective calculator or unit convertor, but not sure if…
2025 · calcverse.live · its alternatives →
- 10
Microapp▲146Build ReactJS components in less than 60 sec using AI
2023 · microapp.io · its alternatives →
- 11
- 12
- 13
Forge▲66A complete React toolkit made for AI
May 2026 · forge.webba-creative.com · its alternatives →
- 14
openv0▲120AI-generated UI components with React+Tailwind, open-source
2023 · github.com · its alternatives →
- 15
Hey Hackers! My name is Alex and I’ve been working on this project for the past 8 months with the support of Figma Creator Fund. I’d love to hear your thoughts from your experience working with designers & component libraries. I started out in design and later got into coding, so I understand both sides really well. I did UX Design for 12 years at startups, at my own studio and at Wix, and then worked as a front-end dev at Wix for 2 more years. I've noticed a common problem: most component libraries work great for devs but not so well for designers. In my experience working with big teams,…
2024 · github.com · its alternatives →
- 16AT
2024 · webcrumbs.org · its alternatives →
- 17
- 18
Animated AI Status Indicator Component Library for React
20d ago · thinkingorbs.com · its alternatives →
- 19
Generate React romponents with Tailwind using AI in seconds
2023 · maximus.guru · its alternatives →
- 20
Hi HN, Yesterday I live streamed myself for 6 hours building this from scratch. It’s an AI agent that uses Llama 2 (so far the 13b chat model) to generate a full react codebase from a single prompt. It had a “dev loop” that iterates on your feedback and resolves dependencies. In the end it kinda worked and I got excited so wanted to post here haha. Long story short a viewer on my discord suggested I build in of these and I just had to look into how these work (inspired by GPT Engineer and AutoGPT) I wanted to work on a more specific downstream task so I focused on web dev. Llama 2 isn’t the…
2023 · github.com · its alternatives →
- 21
Hi HN, Over Thanksgiving weekend I wanted to build an AI agent. As a design exercise, I wrote it as a set of React components. The component model made it easier to reason about the moving parts, composability was straightforward (e.g., reusing agents/tools), and hooks/state felt like a reasonable way to model behavior that changes over time. As I kept experimenting, I realized I was more interested in the framework (and it was a good excuse to explore React’s internals) than in the agent I originally planned, so I built this project instead. In this framework: - Agents are React…
Dec 2025 · github.com · its alternatives →
- 22GU
I’m building an experimental tool that can generate a UI component from a high-level text description, i.e. “Design a card for viewing goals in a goal tracking application”. Basically, stable diffusion but for user interface components instead of images. This tool is at best a proof of concept. It currently only generates a single type of component (small cards that have basic info about an object), but the goal is to be able to design entire applications (either in one fell swoop or by piecing together components that the tool generates). The components it generates can be exported as react…
2023 · designhat.ai · its alternatives →
- 23
Hi HN, Michael & Michael here. We are indie hackers who have been building apps full-time for the past year. We both independently realized the need for a React framework for building generative UIs. A React developer can register a component and then have an AI choose which component to render and fill in the props i.e. text, styles, etc. We have demos in our repo graphs, forms, and general UI. Check out the repo above or npm i hydra or use this template https://github.com/MichaelMilstead/hydra-template
2024 · github.com · its alternatives →
- 24
RunReact AI▲17Visual react component editor with in built AI analysis
2025 · runreactai.vercel.app · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →