nowfound

Alternatives

Products that do what I made a tool to create shadcn components visually and export the code does

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.

  1. 1IB

    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

  2. 2
    tweakcn232

    Design your perfect shadcn/ui theme with real-time preview

    Sep 2025

  3. 3

    React component for a visual way to create UIs

    2024

  4. 4

    Inspect, edit, and export any website's design

    May 2026

  5. 5

    Open-source UI library built with React, Tailwind and shadcn

    Nov 2025

  6. 6DC

    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

  7. 7

    Effortless Shadcn and Tailwind color theme generator

    2024

  8. 8SS
  9. 9
    Reweb88

    The AI visual builder for Next.js, Tailwind & shadcn/ui

    2025

  10. 10

    Generate UI from your design system, not around it

    Apr 2026

  11. 11
    Cnify150

    Style your shadcn app with a single image

    2025

  12. 12

    Build rich editor UIs faster with React components

    2025

  13. 13

    The better way to build frontend for your products

    2022

  14. 14

    Complete AI-Powered Figma Toolkit for shadcn/ui

    Feb 2026

  15. 15
    openv0120

    AI-generated UI components with React+Tailwind, open-source

    2023

  16. 16

    Automatically turn AI designs into specs, assets and code

    2018

  17. 17
    lovdaCN10

    Shadcn for React Native

    Jul 2026 · lovdacn.vercel.app

  18. 18

    A collection of UI components from the Shadcn design system

    Jul 2026 · whiteui.store

  19. 19IM

    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

  20. 20
    Razor UI114

    A cutting edge UI kit for Tailwind CSS

    2021

  21. 21

    Visual React JS layout builder

    2020

  22. 22RD
  23. 23BA

    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

  24. 24UT

    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

Ranked by how close each launch is in meaning, then by votes. Refine with a description →