Custom themes with TailwindCSS in under 9 minutes

Опубликовано: 08 Февраль 2026
на канале: Built With Code
26,407
639

In this video, we'll discuss how to add custom themes to Tailwind and dynamically switch between them.

Starter source code: https://github.com/Built-With-Code/ta...

Thanks for watching!

TIMESTAMPS:
0:00 - Intro + Starter code
0:23 - CSS variables
2:49 - Setting up the Tailwind config
3:51 - Adding dynamic styles to JSX
5:18 - Theme picker
7:52 - Theme switching animation
8:27 - Outro

-------------------------------
Welcome to Built With Code! On this channel, you'll find coding tutorials on how to create and build your next awesome coding project, including websites and web apps. We'll use advanced frameworks such as Next.js, GSAP, and Framer Motion, and a whole lot more. If that sounds like fun, SUBSCRIBE to the channel - it'd be much appreciated!