Registry Index

Search the catalog

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

ComponentReactregistry:ui2 dependencies

Theme Switcher Classic

theme-switcher-classic

A classic theme switcher component with animated sun/moon icons

@elementsRegistry 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.

Notes from the author

⚠️ Requires ThemeProvider setup! Wrap your app with <ThemeProvider> and add suppressHydrationWarning to <html>. Switch-based theme switcher with animated icons.
@elements

More from @elements

All 40 items
AI Streaming Text
streaming-text
Component
AI Temperature Slider
temperature-slider
Component
Theme Switcher Multi Button
theme-switcher-multi-button
Component
Theme Switcher Toggle
theme-switcher-toggle
Component
UploadThing Avatar
uploadthing-avatar
Block
UploadThing Dropzone
uploadthing-dropzone
Block
UploadThing Paste
uploadthing-paste
Block
AI Confirmation
confirmation
Component