Registry Index

Search the catalog

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

ComponentReactregistry:component3 dependencies

Theme Switcher

theme-switcher

Toggle between system, light, and dark themes in Next.js apps.

@ncdaiRegistry 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

https://chanhdai.com/components/theme-switcher
3 other registries

Similar components

Other registries' take on theme-switcher.

theme-switcher
k@kibo-ui
Component
Theme Switcher
m@motokoui
Component
Theme Switcher
o@optics
Component
@ncdai

More from @ncdai

All 20 items
Apple Hello Effect - Spanish
apple-hello-effect-spanish
Component
Apple Hello Effect
apple-hello-effect
Component
Blog 02
blog-02
Block
Dot Grid Spotlight
dot-grid-spotlight
Component
Fluid Gradient Text
fluid-gradient-text
Component
JPG Card Holder
jpg-card-holder
Component
Mobius Loop Icon
mobius-loop-icon
Component
Social Links 01
social-links-01
Block