Implementing theme toggleswas never easier
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 ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
Our toggle collection
Classic
The toggle that started it all
See the code
Inner Moon
Inspired by Google fonts toggle
See the code
Expand
Expands into a moon
See the code
Within
The sun collapses and a moon appears within
See the code
Around
The sun rays appear/disappear in a sequence
See the code
Dark Side
Subtle and minimalistic
See the code
Horizon
The sun rises and sets over the horizon
See the code
Eclipse
The moon moves across the sun mimicking an eclipse
See the code
Lightbulb
A simple but elegant lightbulb
See the code
Dark Inner
A more complicated dark side animation
See the code
Half Sun
Similar to dark side but with sun rays
See the code
Simple
A very basic moon and sun transition
See the code