Playground · Loading & feedback

Shimmer Skeleton

  • motion component
  • iOS
  • Android
  • Flutter 3.47.0+

Placeholder blocks with a travelling sheen, shaped like the list, card or profile they stand in for while it loads.

Version 1.1.0 · What changed
  • 1.1.0 2026-10-06 Screen readers now hear a semanticsLabel (default "Loading", an argument for other languages) instead of nothing, and the sheen holds still on its own when the platform asks for reduced motion, without passing paused.
  • 1.0.0 2026-10-01 First release.

Parameters

The shape of the content it stands in for.

Sweeps per second and a half. 0 holds the sheen still.

Loading Preview…

Send to your coding agent

Add Sheen's MCP server once, then paste the prompt. No key or account needed.

Run in your project (Claude Code)
claude mcp add --transport http sheen https://sheen.ciroapps.com/api/mcp
Then ask your agent
Use the Sheen MCP server to add the Shimmer Skeleton Component to this Flutter app. Call get_export with componentId "shimmer-skeleton" and parameters {"layout":"list","baseColor":"27272A","highlightColor":"3F3F46","speed":1,"cornerRadius":8}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/shimmer-skeleton?layout=list&baseColor=27272A&highlightColor=3F3F46&speed=1&cornerRadius=8)