Feedback

Infinite loop path loader

A figure eight loader where a bright segment draws endlessly around a faint track, its head and tail moving at different rates so the dash breathes.

Syncing library

Cache warm

Using Infinite loop path loader

A figure eight loader where a bright segment draws endlessly around a faint track, its head and tail moving at different rates so the dash breathes.

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: strokeWidth, speed, accent, showTrack, label

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2167Hopping dot loaderFeedbackA short row of dots that hop in a travelling wave, each one leaving the floor a beat after the dot beside it.

2231Single glyph spinnerFeedbackA minimal ring spinner: one thin stroked arc that continuously rotates to signal a background task is running.

2065Task Log LoaderFeedbackA working indicator that pairs a nested ring spinner with a short numbered log whose lines scroll up as each step completes.

2117Breathing dot loaderFeedbackDots that stay put and breathe instead of moving, swelling and dimming in turn so the row reads as a slow heartbeat.

2138Curtain line loaderFeedbackA loading curtain that retreats behind a bright travelling line, cutting the finished content into view instead of fading it in.

2151Expanding ring loaderFeedbackThin rings that grow out of a single point and fade as they widen, released one after another so the pulse never stops.