Dev tools · alternatives · 2026
24 alternatives to I made a tool to create shadcn components visually and export the code
I built a visual editor that helps you: - Create shadcn/ui component variants without writing code - Test hover, focus, and disabled states in real-time - Export production-ready TypeScript code with proper styles - Manage semantic colors and themes visually It's designed to make shadcn/ui component customization more accessible while maintaining its code quality and best practices! Perfect for developers who love shadcn but want a visual way to customize components.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. I made a tool to create shadcn components visually and export the code launched in 2024; newer entries below may have overtaken it.
- 1
Create Visually And Export shadcn Components
2024 · robustlaunch.com · its alternatives →
- 2
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 →
- 3
Hey, I built https://ShadcnThemer.com - a web app for creating and sharing themes for shadcn/ui, made with my some of my favorites, Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase. The goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command). I had a bit of experience going into this because I built the Theme Studio for VS Code in the past, but it was fun using a modern stack and leveraging Cursor to help me along the way this…
Oct 2025 · shadcnthemer.com · its alternatives →
- 4
View, interact & search 100s of Shadcn UI components
2024 · shipixen.com · its alternatives →
- 5IB
I'm excited to introduce Robust Design Systems – a tool to make creating and managing design systems easier than ever. With the visual component editor, you can customize shadcn component variants without touching any code. When you're done, simply export the code instantly! I'd love to hear your feedback and see how I can make it even better!
2024 · robustlaunch.com · its alternatives →
- 6
One command line to add UI components to your project
2025 · ui.shadcn.com · its alternatives →
- 7
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 8
React component for a visual way to create UIs
2024 · github.com · its alternatives →
- 9AV
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 →
- 10
tweakcn▲232Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
2025 · tweakcn.com · its alternatives →
- 11
Page UI▲810High-converting landing page components to copy and paste
2024 · pageui.shipixen.com · its alternatives →
- 12
Shadcnblocks▲361The ultimate block set for shadcn/ui, Tailwind, and React
Nov 2025 · shadcnblocks.com · its alternatives →
- 13
ShadcnDesign▲55Use this shadcn theme generator to create a shadcn/ui theme from one primary color. Preview live, then copy ready CSS for Tailwind v4 with light and dark mode
Feb 2026 · shadcndesign.com · its alternatives →
- 14
- 15
Croct▲387We just launched Croct Templates, a way to drop CMS-powered components into your app with a single command. It's like Shadcn, but for CMS, AB testing and personalization: * Built-in support for A/B testing, content editing, and dynamic logic * Works with existing projects (Next.js, React, etc.) * Supports community libraries via `npm://`, `shadcn-ui://`, etc. Example: ```bash npx croct@latest use shadcn-ui://block/pricing-page ``` Happy to answer any questions!
2025 · croct.com · its alternatives →
- 16
Create VS Code Themes with Theme Studio!
2021 · themes.vscode.one · its alternatives →
- 17
cult / ui▲23Open source components crafted for design engineers
2024 · cult-ui.com · its alternatives →
- 18BS
Basecoat ports the upcoming shadcn/ui v4 [1] to plain HTML + Tailwind (no React): - Live demo & documentation: https://basecoatui.com - MIT‑licensed and free: https://github.com/hunvreus/basecoat/ - Works with any backend (Flask, Django, Rails, PHP, etc.) or static site. - Fully theme‑compatible with shadcn/ui [2]. - Uses a sliver of Alpine.js only for a few interactive bits (e.g. combobox). Swap in your own JS if you prefer. - Dead simple to use, just drop in a class here and there: Click me Why I built it: after moving from a Next.js stack back…
2025 · its alternatives →
- 19
Found some abstractions in the Shadcn UI react component library and put sliders to them. Curated some google fonts. Realized I could generate an entire Next app for download in a server action. Hoping to build something which saves people time makes more unique looking apps.
2024 · dizzy.systems · its alternatives →
- 20
UI Colorful▲143Effortless Shadcn and Tailwind color theme generator
2024 · uicolorful.com · its alternatives →
- 21
Accelerate development with 1000+ Awesome Shadcn UI Component Library, Blocks, UI Kits, Boilerplates, Templates & Themes with Base UI, Radix UI & AI Tools.
2025 · shadcnstudio.com · its alternatives →
- 22
- 23
Customized Shadcn UI blocks & components
2025 · shadcnui-blocks.com · its alternatives →
- 24
We created an infinite wall of UI components that makes finding visual inspiration for your next interface fun. UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more. Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and export clean, editable code. Compatible with Tailwind CSS, Bootstrap, Bulma, and shadcn/ui. Export formats include HTML, JSX, TSX, Pug, Laravel, and Next.js. I'd love your feedback! What parts feel strong, what feels off, and what else…
2025 · shuffle.dev · 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 →