Registry Index

Search the catalog

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

ComponentReactSelf-contained

Theme Toggler

primitives-effects-theme-toggler

An effect that allows you to toggle the theme gradually.

@unlumen-uiRegistry JSON
Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

2 other registries

Similar components

Other registries' take on primitives-effects-theme-toggler.

An effect that allows you to toggle the theme gradually.

Theme Toggler
a@animate-ui
Component

An effect that allows you to toggle the theme gradually.

Theme Toggler
o@odysseyui
Component
@unlumen-ui

More from @unlumen-ui

All 118 items

Per-digit blur-slide animation — only the digits that change animate.

Animate Digits
animate-digits
Component

Animated toggle switch with separate track/thumb sizing, spring feedback, optional label text, and tone variants.

Apple Switch
apple-switch
Component

GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate between pages with a curtain reveal or slide push — ported from the Codrops async transition demo.

Page Transition
page-transition
Component

A gradient text animation.

Gradient Text
primitives-texts-gradient
Component

Aurora blur shader layer used by Aurora Card.

Aurora Blur
aurora-blur
Component

A list of items that animate smoothly to a pinned section using Framer Motion layout animations.

Pinned List
pinned-list
Component

Animated dock with Gaussian magnification, spring physics, separators, and tooltip carets.

Dock
dock
Component

A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside the container.

Clipped Circle
clipped-circle
Component