Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui2 dependencies

Theme Toggle

theme-toggle

Animated light/dark switch with a sliding knob, sun and moon icons, and bouncy track transitions. Built with Base UI Toggle; toggles the document dark class.

@iconiqRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

6 other registries

Similar components

Other registries' take on theme-toggle.

Theme toggle
0@000h-cojeev
Component
Theme Toggle
a@atroui
Component
Theme Toggle
b@beui
Component
Theme Toggle
e@easeui
Component
Theme Toggle
m@mischief
Component
Theme Toggle
p@pulld
Component
@iconiq

More from @iconiq

All 40 items
Rolling Digits
rolling-digits
Component
Skeleton
skeleton
Component
Spinner
spinner
Component
Text Inertia
text-inertia
Component
Avatar (Base UI)
b-avatar
Component
Typewriter
typewriter
Component
Checkbox (Base UI)
b-checkbox
Component
Week Calendar
week-calendar
Component