Playground · Buttons & controls

Spring Press Button

  • motion component
  • iOS
  • Android
  • Flutter 3.47.0+

A button that squashes when pressed and springs back, with an optional haptic tick, so taps feel physical.

Version 1.1.0 · What changed
  • 1.1.0 2026-10-06 Accessibility: the keyboard can focus it (with a focus ring in the text colour) and Enter or Space presses it, and with reduced motion turned on it no longer squashes. The default background is a slightly deeper violet (6C4FFF, was 7C5CFF) so white text on it reaches 4.5:1.
  • 1.0.0 2026-10-01 First release.

Parameters

How small the button gets while held down, as a fraction of its size.

How much it overshoots and wobbles as it springs back.

A light haptic tick on press, on phones that support it.

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 Spring Press Button Component to this Flutter app. Call get_export with componentId "spring-press-button" and parameters {"label":"Get started","background":"6C4FFF","textColor":"FFFFFF","cornerRadius":16,"pressDepth":0.92,"bounciness":0.5,"haptics":true}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/spring-press-button?label=Get+started&background=6C4FFF&textColor=FFFFFF&cornerRadius=16&pressDepth=0.92&bounciness=0.5&haptics=true)