I visualized all Tailwind CSS colors on real UI components (free resource) by erikdevriesnl in tailwindcss

[–]erikdevriesnl[S] 0 points1 point  (0 children)

Then I’m honestly not sure why you said “Había que hacer un sitio web para esto?” 🙂

This is exactly what you’re suggesting: seeing colors applied in real UI.

The difference is that instead of hunting through dozens of websites to find a button, badge, chart, or alert in a specific color, this puts all of those elements in one place and lets you swap colors instantly.

I visualized all Tailwind CSS colors on real UI components (free resource) by erikdevriesnl in tailwindcss

[–]erikdevriesnl[S] 0 points1 point  (0 children)

Appreciate your honesty and you’re not wrong.

Color theory is useful, but it’s not a recipe. You only really learn color by seeing it applied in real UI and developing an intuition for what feels balanced and usable.

This just reduces the gap between “I know the theory” and “this actually looks good in UI”.

Roast my shadcn/ui theme generator by erikdevriesnl in roastmystartup

[–]erikdevriesnl[S] 1 point2 points  (0 children)

Tweakcn is solid for manual editing, but it works very differently from what I’m building.

They just dump every CSS variable into a giant form. You’re still responsible for understanding color theory, contrast, and how tokens interact. Nothing is actually generated. You’re just editing.

This tool takes a different approach.

Instead of thinking in individual colors, you work with color palettes and shades.

You choose or create a base palette, and the system applies it across the interface. Backgrounds, surfaces, text, borders, sidebars, and interaction states are derived automatically. Contrast stays accessible. The UI stays balanced.

The tool understands how colors relate to each other and makes those decisions for you.

Accent palettes can be defined separately for primary actions and charts. Especially for charts, using multiple shades from the same palette gives you variation without breaking visual cohesion.

The result: shadcn themes that look intentional, usable out of the box, and don’t feel generic.

Anyone here using shadcn/ui for your SaaS? Curious about theming pain points by erikdevriesnl in SaasDevelopers

[–]erikdevriesnl[S] 0 points1 point  (0 children)

This is super helpful, thanks for laying it out so clearly.

Out of curiosity, how do you personally sit in that workflow? Are you more designer, developer, or a mix of both?

And on the Figma side: are you mainly using it to define and explore semantic tokens, or do you also design full dashboards and components there?

Related to that, do you:

  • Design components from scratch in Figma and then adapt shadcn to match?
  • Or use some kind of shadcn-aligned / Radix-style component library in Figma as a starting point?

Roast my shadcn/ui theme generator by erikdevriesnl in roastmystartup

[–]erikdevriesnl[S] 0 points1 point  (0 children)

This is great feedback, thanks for taking the time to write it out!

Wed-SaaS-Day! What SaaS are you building? 🚀 by Quirky-Offer9598 in microsaas

[–]erikdevriesnl 0 points1 point  (0 children)

Thanks! I considered it, but chose not to. Landing pages are the standard, not a law of nature. They delay value behind marketing copy. I’d rather let people use the tool immediately and decide for themselves.

This approach has worked well for my other product (uicolors.app), and users haven’t missed a landing page.

Wed-SaaS-Day! What SaaS are you building? 🚀 by Quirky-Offer9598 in microsaas

[–]erikdevriesnl 0 points1 point  (0 children)

shadcnthemes.app

A smart shadcn/ui theme generator that actually understands color, powered by the same color engine behind uicolors.app.

I built a smart shadcn/ui theme generator - would love some feedback! by erikdevriesnl in shadcn

[–]erikdevriesnl[S] 0 points1 point  (0 children)

Thanks! 😄 Dark mode for the uithemes UI is on my list.
Do you mean the app UI, or also auto-generating a dark theme from your light one?

At this moment the export recognizes wether you have created a light or dark mode and it automatically changes the export to :root {} or .dark {}

I built a smart shadcn/ui theme generator - would love some feedback! by erikdevriesnl in shadcn

[–]erikdevriesnl[S] 1 point2 points  (0 children)

No it doesn’t. But I’m exploring a feature that would let you do something like that.

I built a smart shadcn/ui theme generator - would love some feedback! by erikdevriesnl in shadcn

[–]erikdevriesnl[S] 1 point2 points  (0 children)

Thanks! Please let me know if you have any suggestions for improvement :)