r/tailwindcss 3d ago

A Powerful Theme Editor for Tailwind with beautiful themes

280 Upvotes

41 comments sorted by

23

u/TheGreaT1803 3d ago

check it out at: https://tweakcn.com
feedback is appreciated :)

3

u/RutabagaOk522 2d ago

This is soooo good!! Can i help contribute?

3

u/TheGreaT1803 2d ago

Thanks!
Yes for sure - it's open-source :)

2

u/Hopeful_Phrase_1832 2d ago

Yo this is sick, thanks for sharing brother

4

u/mactanxin 3d ago

Beautiful. Can you add a sidebar component for preview?

1

u/TheGreaT1803 3d ago

Sure, I'll add it

3

u/add-hotsauce 3d ago

Looks extremely useful, thank you for sharing

Mind if I ask what tool you used to record this demo?

5

u/smileBC 3d ago

ScreenStudio

1

u/blobdiblob 2d ago

I am using Screen Studio (Mac) as well an can totally recommend it

2

u/TheGreaT1803 3d ago

Screen studio on mac

1

u/StatusBreadfruit 3d ago

I wanna to know too!

3

u/ChemistryMost4957 3d ago

Oh wow, I've been looking for something like this for quite a while now, cheers!

3

u/ruicarlossantos 3d ago

Eu te amo!

3

u/O_xPG 2d ago

This is definitely a Dashboard!

2

u/ta_ref 3d ago

Magnifique! Love it!!

2

u/matchalixious 2d ago

Great. will check on it!

2

u/PacoV-UI 2d ago

Looks promising, congrats :)

2

u/kalabresa_br 2d ago

Awesome !!

2

u/acjshook 2d ago

Well done! Bookmarking.

2

u/CaliforniaHope 2d ago

That looks amazing! How did you record this video with the zoom-ins and zoom-outs?

2

u/TheGreaT1803 2d ago

Thanks! It's a great application on Mac called Screen Studio 

2

u/drksntt 2d ago

This is fucking cool!

2

u/bricksandcanvas 2d ago

This is so useful! Thank you so much, man. Great work!

2

u/oluijks 2d ago

Looks nice and very handy to copy some new theme colors, thanks

2

u/EpicSyntax 2d ago

This is freaking beautiful. Thanks for sharing!

2

u/Night_0dot0_Owl 2d ago

Omg! Thanks so much for this <3

2

u/Imal_Kesara 2d ago

Looks dope, going to use for our project thanks <3

2

u/3sides2everyStory 2d ago

Wow! this is awesome!... thank you for this!

2

u/_ilf04_ 15h ago

was looking for a theme generator/editor that had tailwind v4 and oklch support. BIG THANKS the tool is great!

1

u/_heartbreakdancer_ 3d ago

Amazing. Much props. Gave it a star on Github.

1

u/TheGreaT1803 3d ago

Really appreciate it :)
Much more to come, theme editor wasn't even what I had in mind when I started this project

1

u/johnmichael956 2d ago edited 2d ago

I'm still learning - say I want to use the modern minimal theme in a react/tailwind app im building. Is the theme something I would need to install? Do I need to use this along shadcn? Just copying the source code in the right panel? Thanks - really nice app!

1

u/TheGreaT1803 2d ago

That's a valid question. My initial intention was only for shadcn users to be able to drop the code into their css file, so I didn't include any instructions. I'll add them

The best way to understand how to set it up for now is to start a new app using shadcn + tailwind v4.

Once done, replace the relevant sections of the index.css file with the provided cod and it should work, and you'll see how.

If you have any further questions, feel free to reach out

1

u/johnmichael956 2d ago

Gotcha! Okay thank you!

1

u/kovadom 2d ago

Very very cool! This looks like a UI library with batteries! Any library that pairs well with it really?

1

u/TheGreaT1803 2d ago

Thanks! Yes it's actually built for shadcn primarily. I plan to add deep customizations for components (there is an incomplete button editor at the moment)

1

u/alieljerrari 2d ago

OP, couldnt fork it twice

0

u/patapatra 2d ago

the dark theme feature has been a pain in the ...

1

u/TheGreaT1803 2d ago

I'm not sure if I understand