Feedback

Dot matrix status pill

A 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.

Using Dot matrix status pill

A 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.

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: state, frameMs, dotSize, accent, autoCycle

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

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

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.

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

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

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.

2032Segmented progress meterFeedbackA progress meter drawn as a row of notches that light up in turn, with a partly filled leading notch and a caption naming the current stage.