Selected ComponentAdvanced Toggler
Showcase Mode

Advanced Toggler

Theme toggle powered by the View Transitions API — five reveal variants (circle, rectangle, gif, polygon, circle-blur) with optional blur and configurable starting position. Click the moon and watch the panel sweep between light and dark.

zComponents
A premium React library

A curated collection of high-performance, animated React components — carousels, hero canvases, scroll-driven effects, theme toggles, and more. Each component is dropped in as a single file with no runtime tax.

Click the toggle below to preview the View Transitions API sweeping this panel between light and dark. Tweak the variant, start position, and blur from the floating Options panel to feel each animation.

Click to toggle the theme

Options

variant :

blur :

start :