Fieldbook
Sign in

Feedback

Layered ring loader

A centered emblem of concentric partial rings spinning at different speeds and directions, with a status title and subtitle fading in below.

Using Layered ring loader

A centered emblem of concentric partial rings spinning at different speeds and directions, with a status title and subtitle fading in below.

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: title, subtitle, size, ringColor

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

Expanding ring loader
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.
Single glyph spinner
2231Single glyph spinnerFeedbackA minimal ring spinner: one thin stroked arc that continuously rotates to signal a background task is running.
Breathing dot loader
2117Breathing dot loaderFeedbackDots that stay put and breathe instead of moving, swelling and dimming in turn so the row reads as a slow heartbeat.
Curtain line loader
2138Curtain line loaderFeedbackA loading curtain that retreats behind a bright travelling line, cutting the finished content into view instead of fading it in.
Dot matrix status pill
1950Dot matrix status pillFeedbackA pill button whose left side is a five by five dot grid playing a short looping pattern for each state, with the caption swapping in step.
Hopping dot loader
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.