Animation

Spin count tile

A square that turns a whole number of times on demand and lands square again, with a faint arc showing how far through the turn it is.

Using Spin count tile

A square that turns a whole number of times on demand and lands square again, with a faint arc showing how far through the turn it is.

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: accent, turns, duration, easing, continuous

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

1672Burst particle emitterAnimationWraps any element and fires a staggered fan of small specks from a chosen edge, on click, on a loop, or the first time it scrolls into view.

2127Compass bar gridAnimationA grid of short bars that all rotate to point at the pointer, so the field reads like iron filings finding a magnet.

2135Crackling border frameAnimationA rounded frame whose outline is redrawn every frame as a jittering arc of light, with a steady glow beneath and perfectly still content on top.

2170Icon Shape MorphAnimationA single filled icon smoothly reshapes itself into the next icon in a sequence, with the outline warping continuously between shapes rather than cross-fading or swapping.

1782Keyframe morph loopAnimationA square that runs a looping routine of grow, spin and round into a circle, holding at each pose because the timing stops are uneven.

1789Number reelAnimationA windowed reel of stepped values that spins up from zero and springs to a stop with the target landing in a highlighted centre slot.