tailwindcss-light-dark-mode Tailwind Templates

Tailwindcss Light Dark Mode

Side project to grasp the logic of tailwind Css Light and Dark Mode system.

About the app

This is a react web app, illustrating the use of dark and light theme using tailwindcss,

It also persists the state from dark theme using localStorage to hold the selected theme, It toggles with a button for light and dark mode

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

How it looks on Dark Mode

How it looks on Light Mode

Top categories

Loading Svelte Themes