@toggles

Animated dark/light mode toggles

14 components react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (14 .json) ↗ clone brief (PROMPT.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://toggles.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://toggles.dev/r/registry.json

bun bunx shadcn@latest add https://toggles.dev/r/registry.json

fetch registry curl -s https://toggles.dev/r/registry.json

Components

14 total

Around Theme Toggle block

An animated sun-and-moon theme toggle with a sweeping transition.

npx shadcn@latest add https://toggles.dev/r/around.json

Classic Theme Toggle block

An animated classic sun-and-moon theme toggle.

npx shadcn@latest add https://toggles.dev/r/classic.json

Dark Inner Theme Toggle block

An animated theme toggle with an inward rotating icon.

npx shadcn@latest add https://toggles.dev/r/dark-inner.json

Dark Side Theme Toggle block

An animated theme toggle with a side-rotating icon.

npx shadcn@latest add https://toggles.dev/r/dark-side.json

Eclipse Theme Toggle block

An animated theme toggle with an eclipse transition.

npx shadcn@latest add https://toggles.dev/r/eclipse.json

Expand Theme Toggle block

An animated theme toggle with an expanding sun-and-moon transition.

npx shadcn@latest add https://toggles.dev/r/expand.json

Spin Theme Toggle block

An animated theme toggle with a spinning sun-and-moon transition.

npx shadcn@latest add https://toggles.dev/r/spin.json

Half Sun Theme Toggle block

An animated theme toggle with a half-sun rotation.

npx shadcn@latest add https://toggles.dev/r/half-sun.json

Horizon Theme Toggle block

An animated theme toggle with a horizon-inspired reveal.

npx shadcn@latest add https://toggles.dev/r/horizon.json

Inner Moon Theme Toggle block

An animated theme toggle with an inner-moon rotation.

npx shadcn@latest add https://toggles.dev/r/inner-moon.json

Lightbulb Theme Toggle block

An animated theme toggle inspired by a lightbulb.

npx shadcn@latest add https://toggles.dev/r/lightbulb.json

Light Switch Theme Toggle block

An animated theme toggle inspired by a wall switch.

npx shadcn@latest add https://toggles.dev/r/light-switch.json

Simple Theme Toggle block

A compact animated sun-and-moon theme toggle.

npx shadcn@latest add https://toggles.dev/r/simple.json

Within Theme Toggle block

An animated theme toggle with a nested sun-and-moon transition.

npx shadcn@latest add https://toggles.dev/r/within.json