Skip to content

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.

License

Notifications You must be signed in to change notification settings

AlfieJones/theme-toggles

Repository files navigation


NPM version

Theme Toggles

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

Installing the latest version

You can install the latest version by using:

  • npm install theme-toggles@latest or yarn add theme-toggles@latest.
  • npm install @theme-toggles/react@latest or yarn add @theme-toggles/react@latest.

Packages

Name Version
theme-toggles npm version
@theme-toggles/react npm version

About

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.

Features

  • Tiny ~1.5kb (min and gzip)
  • Accessible
  • Customizable

Roadmap

New development is currently happening on the v5 branch

Contributing

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.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project