Shadcn/UI theme editor – Design and share Shadcn themes

In plain words

Shadcn/UI theme editor is a web application that lets developers visually design color themes for shadcn/ui components. Users can preview themes live across example interfaces and export them as CSS or through the shadcn CLI registry. The tool is built with Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase, making theme creation and sharing straightforward for developers working with shadcn/ui projects.

written from the facts on this page · September 2026

From the sources

Discover and create beautiful themes for shadcn/ui. Browse thousands of community-made themes, customize colors, select Google Fonts, adjust border radius, and export themes instantly for your shadcn projects.

Discover and create beautiful themes for shadcn/ui. Browse thousands of community-made themes, customize colors with OKLCH picker, select Google Fonts, adjust border radius, and export themes instantly for your Next.js projects.

In the maker’s words, at launch

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…

• 
  UI Colorful2024 · uicolorful.com · ▲143

  Effortless Shadcn and Tailwind color theme generator

• 
  tweakcn2025 · tweakcn.com · ▲232

  Customize 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.

• 
  Shadcn UI Component Explorer2024 · shipixen.com · ▲431

  View, interact & search 100s of Shadcn UI components

• 
  ShadcnDesignFeb 2026 · shadcndesign.com · ▲55

  Use 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

• 
  shadcn CLI 3.0 and MCP Server2025 · ui.shadcn.com · ▲414

  One command line to add UI components to your project

• 
  themecn2025 · ▲24

  A real-time theme generator for shadcn/ui.

• 
  Run full iOS 16.5 firmware on Android Devices▲516

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 25d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Cursor 2.0▲957

  Our first coding model and new interface for agents

  AI · Oct 2025 · cursor.com

• 
  Flask▲806

  Notion + Loom, for video collaboration.

  AI · 2025 · flask.do

• 
  Strange Attractors▲804

  I went down the rabbit hole on a side project and ended up building this: Strange Attractors(https://blog.shashanktomar.com/posts/strange-attractors). It’s built with three.js. Working on it reminded me of the little "maths for fun" exercises I used to do while learning programming in early days. Just trying things out, getting fascinated and geeky, and being surprised by the results. I spent way too much time on this, but it was extreme fun. My favorite part: someone pointed me to the Simone Attractor on Threads. It is a 2D attractor and I asked GPT to extrapolate it to…

  AI · Oct 2025 · blog.shashanktomar.com

• 
  Orchestra▲793

  A chat-centric workspace for builders and modern teams

  Work · 2025 · orch.so

• 
  Autism Simulator▲779

  Hey all, I built this. It’s not trying to capture every autistic experience (that’d be impossible). It’s based on my own lived experience as well as that of friends on the spectrum. I'm trying to give people a feel for what masking, decision fatigue, and burnout can look like day-to-day. That’s hard to explain in words, but easier to show through choices and stats. I'm not trying to "define autism". I’ve gotten good feedback here about resilience, meds, and difficulty tuning. I’ll keep tweaking it. If even a few people walk away thinking, "ah, maybe that’s why my coworker struggles in those…

  Life & fun · 2025 · autism-simulator.vercel.app

• 
  Director▲768

  Lovable for web automation

  AI · 2025 · director.ai