How to add Dark mode in Next.js Application using Tailwind CSS.

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Clean code begins in your IDE with SonarLint
  • go-unsplash

    Go Client for the Unsplash API

    The image can be random because I am using Unsplash API. Also if you open browser's dev tools, You will be able to see the current state of theme on your local storage.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Hey there, In today's article I am going to show you how to add Dark mode to your Next.js application using Tailwind CSS.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Next.js is a React based open-source frontend framework, with features like SSR (Server Side Rendering) and SSG (Static Site Generation). Next.js also comes SEO optimized right out the box so you don't have to do it yourself from the scratch.

  • Next.js

    The React Framework

    Hey there, In today's article I am going to show you how to add Dark mode to your Next.js application using Tailwind CSS.

  • Visual Studio Code

    Visual Studio Code

    If you are using VS CODE you can use Tailwind CSS IntelliSense for better development experience.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts