Dark mode with TailwindCSS in under 7 minutes

Video Description

In this video, we are going to walkthrough how to add dark mode support using TailwindCSS. 💾 Starter code: https://github.com/Built-With-Code/tailwind-dark-mode/tree/starter ⏭️ Watch This Next: https://www.youtube.com/watch?v=vg4g68oJNGM&list=PLdFJxFw1qVTj1eONdrvUVw_pFicL4kzDo 📱 Follow online: https://twitter.com/built_with_code 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!