shadcn/ui — Theming Wrapped in a Tailwind Plugin/Preset
In this video, I wrap the theming strategy from the shadcn/ui components within a Tailwind Plugin and Preset, to make it reusable across projects.
Links
shadcn/ui: https://ui.shadcn.com/
Enjoying my teaching style? I'm creating an independent Tailwind CSS course called Pro Tailwind. Check it out at https://protailwind.com ❤️
Chapters
0:00 Introduction
0:13 Tour of theming
1:10 Pro Tailwind Multi-Theme Strategy
2:00 New starter project
3:48 Jam on HSL colors
10:03 New Tailwind plugin
14:34 Porting the CSS over
18:30 Tailwind theme extension
21:26 Cleaning up the config file
23:35 Troubleshooting plugin issues
24:55 Tailwind Presets FTW
29:02 Wrap-up
Watch video shadcn/ui — Theming Wrapped in a Tailwind Plugin/Preset online without registration, duration hours minute second in high quality. This video was added by user simonswiss 15 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 48,904 once and liked it 1.6 thousand people.