Alternatives
Products that do what I built a shadcn visual playground does
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!
- 1IM
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.
2024 · robustlaunch.com
- 2
- 3
- 4SS
Sep 2025 · shadcnstudio.com
- 5
- 6
- 7DC
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
- 8
- 9
- 10
- 11IM
The palette on the official docs is a little limited. I added some more themes with funky names and I provide the code to copy/paste into your globals.css file. Let me know if there's anything you'd like to see.
2024 · shadcncolors.com
- 12
- 13AN
2025 · tweakcn.com
- 14ES
With an easy-to-use interface and some useful features, you'll effortlessly create custom Shadcn themes from any image or color you love. Then your can test color palette on a page template, not just components.
2024 · uicolorful.com
- 15UE
2020 · github.com
- 16IM
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…
2024 · robustlaunch.com
- 17GHGraphical HN▲12
http://ghn.cloudapp.net/ If you can, try right-clicking on an image. This page started off as a random collection of stuff I wanted to try out (spinning up an Azure linux VM included) where I gave myself "1 hour per feature" to learn new stuff. Shell scripts, command-line webkit-based png rendering, pcntl_fork, piwik... Fun stuff. I know, yet another view of HN, no biggie. I welcome all feedback and questions!
2013
- 18WM
2019 · mdbootstrap.com
- 19
- 20BA
I've been specializing in UI for over a decade. Using code for UI is great but I always wished there was a more visual code to build apps and sites. So I went ahead and built it. Decided to build it with Compose Multiplatform since I work a lot with Kotlin. Currently exports to CMP as it was simpler due to the context switch. You can try it for free and export some apps
2025 · license.builtwithpaper.com
- 21BA
Hey HN, I'm Mehul, founder of codedamn. I'm glad to release codedamn creator (https://creator.codedamn.com/) in public beta today - the first (and only?) interactive course creating platform available to create truly interactive programming courses. Unlike existing solutions of embedding iframes from different code execution services, we have built the whole system from the ground up - allowing the course students to work inside a powerful in-browser editor solving code challenges. This will enable you to create highly interactive courses on virtually any topic. Want to teach…
2021
- 22UT
streamlit-shadcn-ui is a python lib that allows you to use shadcn components in streamlit. Benefits: 1. It extends the components options for building streamlit app 2. A morden and clean designed components for streamlit developer 3. streamlit-shadcn-ui provide a component "element", which allows you to write react-like component in python. You can nest and combine all the components with existing code. Related resources: + Github: https://github.com/ObservedObserver/streamlit-shadcn-ui + Demo: https://shadcn.streamlit.app/ + Streamlit:…
2023 · github.com
- 23LO
Hey HN, I made a code editor which is inspired by Xi-editor. It's native GUI and GPU rendered written in Rust. A main feature is remote development support (VSCode like). Also other features like Vim-like modal editing, Tree-sitter for syntax highlighting, built-in LSP support and WASI based plugin system. Previous HN discussion: https://news.ycombinator.com/item?id=29549173
2022 · lapce.dev
- 24VC
Hi, I've been developing UX-App for a few years as a side project. I'd be keen to hear your feedback in relation to the visual code editor. https://www.youtube.com/watch?v=WtCcJIFZmFs Cheers, Eli
2015
Ranked by how close each launch is in meaning, then by votes. Refine with a description →