Button Press

A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Nexu c071187 5 files · 4.2 KB Updated

File contents

Button Press

A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction. Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

  • Native-feeling feedback on App components (buttons, tabs, sheets, toasts, form controls).

When NOT to use it (restraint)

  • Don't slow a frequent action. Don't decorate a control that doesn't change state.

Accessibility & performance

  • prefers-reduced-motion: shortened / disabled. Transform & opacity only (GPU-safe).

nexu-io/motion-anything/tree/main/recipes/app/button-press commit c0711879f0

Frequently asked questions

npx skillmds@latest add nexu-io/button-press