A stack of disciplined waves creates weight, rhythm and a single accent interruption.
ReadyDOM NATIVERESPONSIVEPOINTER SAFE
Unsupported · NOASSERTION
RENDERERSVG
DEPENDENCIESReact + CSS
OUTPUTResponsive component
MOTIONReduced-safe
A stack of disciplined waves creates weight, rhythm and a single accent interruption.
- Product interfaces
- Campaign systems
- Editorial experiences
- Layered continuous wave field
- Original static SVG geometry with no runtime animation
- CurrentColor and accent-token theming
- Crisp, responsive output for interface and editorial use
No animation package or external preview asset is required. Layout is container-scoped and decorative motion is disabled when reduced motion is requested.
Pointer, touch, horizontal trackpad and keyboard states use the same underlying component state.
Native landmarks and controls preserve reading order, visible focus and keyboard access. Motion never carries the only meaning.
BEHAVIOR
Built to move without taking over.
- Layered continuous wave field
- Original static SVG geometry with no runtime animation
- CurrentColor and accent-token theming
- Crisp, responsive output for interface and editorial use
SOURCE STATUS
Usage example only. A complete standalone implementation is not yet included in the open-source package.
