---
name: nexu-io/ripple
source: https://app.decimal.ai/s/nexu-io-ripple@1/SKILL.md
source_sha256: c674e35c2a99
---

# Ripple

A Material-style ripple spreads from the point of contact. An App-UI micro-interaction. Part of
[motion-anything](https://github.com/nexu-io/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).