Playground · Text & typography

Shimmer Text

  • motion component
  • iOS
  • Android
  • Flutter 3.47.0+

A heading with a band of light sweeping across it, to draw the eye to a title.

Version 1.0.1 · What changed
  • 1.0.1 2026-10-06 The band of light now holds still on its own when the platform asks for reduced motion; passing paused: MediaQuery.disableAnimationsOf(context) is no longer needed.
  • 1.0.0 2026-10-01 First release.

Parameters

How wide the band of light is, as a fraction of the text's width.

How fast the light sweeps: once every 2.5 seconds at 1. 0 holds it 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 Text Component to this Flutter app. Call get_export with componentId "shimmer-text" and parameters {"text":"Make it shine","fontSize":48,"weight":"bold","textColor":"71717A","shineColor":"FFFFFF","shineWidth":0.18,"speed":1}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/shimmer-text?text=Make+it+shine&fontSize=48&weight=bold&textColor=71717A&shineColor=FFFFFF&shineWidth=0.18&speed=1)