https://github.com/mrmendoza-dev/dark-mode-tailwindcss

Quick demo to add dark mode using a Vite React app using Tailwind CSS
https://github.com/mrmendoza-dev/dark-mode-tailwindcss

dark-mode dark-theme react tailwindcss vite

Last synced: 2 days ago
JSON representation

Quick demo to add dark mode using a Vite React app using Tailwind CSS

• Host: GitHub
• URL: https://github.com/mrmendoza-dev/dark-mode-tailwindcss
• Owner: mrmendoza-dev
• License: mit
• Created: 2025-02-17T17:15:30.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2025-02-17T17:25:19.000Z (3 days ago)
• Last Synced: 2025-02-17T18:30:48.843Z (3 days ago)
• Topics: dark-mode, dark-theme, react, tailwindcss, vite
• Language: TypeScript
• Homepage: https://tailwindcss-dark-mode-mendoza.netlify.app/
• Size: 42 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tailwind Dark Mode Template

A lightweight dark mode implementation using Vite, React, TypeScript, and Tailwind CSS.

Features

- 🌗 Simple dark/light mode toggle

- 💾 Theme persistence

- 🎨 Tailwind CSS styling

- ⚡ Built with Vite

- 📱 System theme detection

## Quick Start

Clone the repository

 ```bash

 git clone https://github.com/mrmendoza-dev/dark-mode-tailwindcss

 ```

## Install dependencies

 ```bash

 npm install

 ```

## Start development server

 ```bash

npm run dev

 ```

## Usage

The template includes:

- Theme context for state management

- Dark mode toggle component

- Tailwind dark mode configuration

## Example usage in components

 ```bash



  
Hello World



 ```


## Learn More

Read the full guide: [Quick Setup: Dark Mode with Tailwind CSS](https://medium.com/@mrmendoza-dev/quick-setup-dark-mode-with-tailwind-css-and-vite-af21ff9d6cf1)

## License

MIT