Registry Index

Search the catalog

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

ComponentReactregistry:component5 dependencies

Theme Toggle

theme-toggle

Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.

@beuiRegistry 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
e@easeui
Component
Theme Toggle
i@iconiq
Component
Theme Toggle
m@mischief
Component
Theme Toggle
p@pulld
Component
@beui

More from @beui

All 48 items
Number Animation Digit Swap
digit-swap
Component
Expandable Control
expandable-control
Component
File Upload Upload Queue
file-upload
Block
Animated CTA Buttons Hold Action Button
hold-action-button
Component
Input
input
Component
Morphing Modal
morphing-modal
Component
404 / Not Found Glitch
not-found-glitch
Block
404 / Not Found Stacked
not-found-stacked
Block