Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide an ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
This is the v5 branch. The current release version can be found here. Version 5 is a complete refactor of the library
You can install the latest version by using:
npm install theme-toggles@latestoryarn add theme-toggles@latest.npm install @theme-toggles/react@latestoryarn add @theme-toggles/react@latest.
| Name | Version |
|---|---|
theme-toggles |
 |
@theme-toggles/react |
 |
Our project provides you with a quick and effortless way to implement well designed toggles. With more websites supporting both light and dark themes, it's important to ensure sites also have a clean and accessible toggle.
We use SVG’s for each of our toggles, animating them with CSS. Using SVG’s instead of html elements like div’s enables us to have minimal markup whilst maintaining a high quality and scalable icon.
- Tiny ~1.5kb (min and gzip)
- Accessible
- Customizable
New development is currently happening on the v5 branch
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.