Toggles

Implementing theme toggleswas never easier

Design

Added Mar 18, 2025

Visit toggles.dev

Alternative to

Theme Selection,

Lunacy,

Rosen Charts and

Parallaxand 1 more

Views

Upvotes

Reviews

—

Rating

About

A Collection of dark and light theme toggles, built with SVG's driven by CSS transitions. This dark mode switches library comes with official React support

Key Features

Classic theme toggleClassicThe toggle that started it allSee the code

Inner Moon theme toggleInner MoonInspired by Google fonts toggleSee the code

Expand theme toggleExpandExpands into a moonSee the code

Within theme toggleWithinThe sun collapses and a moon appears withinSee the code

Around theme toggleAroundThe sun rays appear/disappear in a sequenceSee the code

Dark Side theme toggleDark SideSubtle and minimalisticSee the code

Horizon theme toggleHorizonThe sun rises and sets over the horizonSee the code

Eclipse theme toggleEclipseThe moon moves across the sun mimicking an eclipseSee the code

Lightbulb theme toggleLightbulbA simple but elegant lightbulbSee the code

Dark Inner theme toggleDark InnerA more complicated dark side animationSee the code

Loading reviews...

Top Alternatives

Similar tools from our directory, ranked by shared tags, features, and category.

Alternative to

Toggles

Theme Selection

Fully Coded Dashboard, SaaS Boilerplate, Template & UI Kit 🎉 To Kick-Start Your Next Project

Same category: Design

Design

Alternative to

Toggles

Lunacy

Free design software that keeps your flow with AI tools and built-in graphics

Same category: Design

Design

Alternative to

Toggles

Rosen Charts

The next[js] generation of charting

Same category: Design

Design

Alternative to

Toggles

Parallax

simpleParallax.js

Same category: Design

Design

Alternative to

Toggles

Iconoir

Say hello

Same category: Design

Design