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

• go-unsplash

  847 73 1.8 Go

  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

  1,285 78,752 9.4 TypeScript

  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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• React

  1,700 222,406 9.9 JavaScript

  The library for web and native 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

  2,050 121,024 10.0 JavaScript

  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

  2,852 158,564 10.0 TypeScript

  Visual Studio Code

  

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

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project