Dev tools · alternatives · 2026
24 alternatives to tweakcn
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.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
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 →
- 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
codeupto▲7Theme editor & generator Free to use or live preview changes
2025 · codeupto.com · its alternatives →
- 4
UI Colorful▲143Effortless Shadcn and Tailwind color theme generator
2024 · uicolorful.com · its alternatives →
- 5
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 6
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 7
Shadcnblocks▲361The ultimate block set for shadcn/ui, Tailwind, and React
Nov 2025 · shadcnblocks.com · its alternatives →
- 8
Save time with the online editor for Tailwind CSS that has a simple, intuitive drag & drop interface and 240+ ready-made UI components.
2019 · tailwind.build · its alternatives →
- 9
Effortlessly detect and customize shadcn/ui themes
2024 · chromewebstore.google.com · its alternatives →
- 10
- 11
Create customized Tailwind CSS components
2023 · btw.so · its alternatives →
- 12
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 →
- 13
- 14
- 15ES
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 · its alternatives →
- 16
Chrome extension for visually modifying any Tailwind website
2023 · its alternatives →
- 17
- 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
- 20
Powerful visual theme editor for your next Chakra UI project
2021 · its alternatives →
- 21
Hey HN! I’m excited to share the revamped version of Interactive Tailwind, a hands-on platform designed to help developers learn Tailwind CSS through practical exercises. Our initial launch on Product Hunt was well-received, and after gathering feedback and seeing how much users enjoyed it, we decided to take things further. Here’s what’s new in this version: - Revamped learning structure: We’ve revisited the order of levels to make the learning journey smoother and more intuitive. - Background music: For a more enjoyable coding atmosphere. - Fresh design: Cleaner UI to make the experience…
2024 · interactive-tailwind.com · its alternatives →
- 22
- 23SA
Hi folks, I've been working on a visual devtool chrome extension for Tailwind CSS for quite some time now and just launched in recently. It let's you tweak your website from the browser itself and copy the classes or html afterwards to paste in your IDE. It's especially well suited to try out changes quickly, but I've built most of the landing page with the help of the extension itself. You can try it out in the landing page itself (no need to install anything). Features: - Click on any class (eg: px-4) and try out other values easily. - Preview the website in responsive mode and quickly…
2022 · supertweak.dev · its alternatives →
- 24
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 →