Feedback

Content Loading Card

A card-shaped placeholder that breathes with a slow opacity pulse while a large image block and two lines of text are still loading.

Using Content Loading Card

A card-shaped placeholder that breathes with a slow opacity pulse while a large image block and two lines of text are still loading.

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: layout, pulse

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

2184Loading Placeholder BlocksFeedbackDim rounded placeholder blocks that stand in for an avatar and stacked text lines while content loads, with a diagonal light band sweeping across them in sync.

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

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.

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

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.

1922Empty State PanelFeedbackA centered placeholder shown in place of an empty list, with a title, description and one or two starting actions.