Fieldbook
Sign in

Feedback

Quiet Ring Spinner

A minimal single-element loading ring: a thin circle with one colored quarter that spins continuously to mark a busy state.

Using Quiet Ring Spinner

A minimal single-element loading ring: a thin circle with one colored quarter that spins continuously to mark a busy state.

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: size, accentColor, speedMs

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

Solid Ring Spinner
2047Solid Ring SpinnerFeedbackA padded, boxed loading indicator: a thick-stroked ring with one accent-colored edge spinning at a constant linear speed inside a rounded panel.
Segment Fade Spinner
2224Segment Fade SpinnerFeedbackA loading indicator of eight radial segments that fade in and out in sequence so a bright arc appears to chase itself around the ring.
Single glyph spinner
2231Single glyph spinnerFeedbackA minimal ring spinner: one thin stroked arc that continuously rotates to signal a background task is running.
Task Log Loader
2065Task Log LoaderFeedbackA working indicator that pairs a nested ring spinner with a short numbered log whose lines scroll up as each step completes.
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.
Layered ring loader
1989Layered ring loaderFeedbackA centered emblem of concentric partial rings spinning at different speeds and directions, with a status title and subtitle fading in below.