DEV Community

Raihan Bin Islam
Raihan Bin Islam

Posted on

Stop spending hours tweaking Shadcn UI themes — meet ShadeCraft

If you’ve ever used Shadcn UI, you know it looks amazing right out of the box… until you need to match it to your brand. Suddenly, you’re drowning in CSS variables, wondering if your colors are even accessible.
I’ve been there, and I wanted a faster way. So I built ShadeCraft.

The Problem:

  • Shadcn UI’s flexibility is a blessing — but also a time sink.
  • Customizing colors can take hours.
  • You’re never 100% sure if your palette is accessible.
  • Light/dark mode adjustments add even more work.

The Solution:

ShadeCraft
ShadeCraft turns hours of theming into one click.

Features:

  • Randomize: Instantly generate Tailwind-compatible themes with OKLCH colors.
  • Light & Dark Modes supported out of the box.
  • Real-time tweaking for perfect fine-tuning.
  • Ready-to-use config for your Shadcn setup.
  • Radius & tone controls coming soon.

Quick Demo

shade-craft.vercel.app

Why I’m sharing

I wish something like this existed when I first touched Shadcn. If you use Shadcn UI or Tailwind, I’d love to know:

  • What’s your biggest pain point with theming?
  • Would you want more pre-built moods & palettes?

Links:

Live app → shade-craft.vercel.app
GitHub → github.com/raihan-bin-islam/shade-craft. If it saves you time, a ⭐️ would make my day.

Top comments (0)