Animation

Circular wipe switcher

A colour switcher where the new theme floods the whole surface as a circle expanding from the exact point you pressed, while the selection ring slides between swatches.

Live palette

Pick your accent

Every surface in the workspace repaints to match.

Using Circular wipe switcher

A colour switcher where the new theme floods the whole surface as a circle expanding from the exact point you pressed, while the selection ring slides between swatches.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: colorA, colorB, colorC, duration, fromPointer

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1676Composable RevealAnimationOne reveal wrapper whose slide, fade, zoom and defocus parts can each be switched on and combined into a single spring transition.

2205Pixel CurtainAnimationA block of colored squares floods across a card in random order, hides the swap underneath, then clears in the same scattered way.

1808Spring easing toggleAnimationA tile that slides between two stops on a spring curve baked into a plain CSS transition, with the generated curve plotted beside it.

1814Swap timing modesAnimationThree badges swap the same pair of icons side by side under three different exit rules, so overlapping, sequential and out-of-flow removals can be compared at a glance.

1669Blur revealAnimationA wrapper that keeps its child out of focus and slightly offset until it first enters the viewport, then resolves the blur and closes the gap in one move.

1763Bobble tile gridAnimationA grid of colored tiles that bobble away from the pointer on a spring, bouncing harder the faster the pointer swept across them.