Skip to content

weecraft/react-router-themes

 
 

Repository files navigation

React Router Themes

Theme switching in react router made simple. Modern and simple react router theme supports. Enable changes theme with simple block code with no flashing.

  • ✅ Perfect dark mode with 2 lines of code
  • ✅ System settings with prefers-color-scheme
  • ✅ Custom theme support with color-scheme
  • ✅ Easy toggle swicthing
  • ✅ Fully supported for react router v7+
  • ✅ No flash on load (SSR & CSR)
  • ✅ Support class or data attribute selectors
  • ✅ Perfect for tailwindcss
  • ✅ Custom hooks supported
  • ✅ One solutions for client and server side

Installation

To install the package, you can type this command bellow:

# Using bun
bun add react-router-themes

## Using npm
npm install react-router-themes

## Using pnpm
pnpm install react-router-themes

That's it. Now, you're free.

How to use

API

Examples

Docs

For more detail, You can check the docs:

Thanks

Thanks to read this project documentation. You can contribute to this project, or if you need some supports, please contact me.

About

Modern and simple react router theme supports. Enable changes theme with simple block code with no flashing.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •