Dark mode with TailwindCSS in under 7 minutes
Built With Code Built With Code
2.85K subscribers
29,971 views
0

 Published On Oct 23, 2023

In this video, we are going to walkthrough how to add dark mode support using TailwindCSS.
💾 Starter code: https://github.com/Built-With-Code/ta...

⏭️ Watch This Next:    • Custom themes with TailwindCSS in und...  

Have a question about anything in this video? Drop it in the comments!

⏰ Timecodes ⏰
0:00 - Intro
0:12 - Starter code
0:27 - Method #1: System preference
2:11 - Method #2: Custom class name
5:48 - Simple animation for mode switching
6:38 - Outro

-------------------------------
Welcome to Built With Code, a channel focused on intermediate/advanced frontend web development topics. Some of my favorite tools are Next.js, TailwindCSS, and Framer Motion. If you find value from the videos, a like and/or subscribe is much appreciated!

show more

Share/Embed