Skip to content

Reduced motion

Motion may clarify state but must not be required to understand or operate a BeeUI flow. When the platform reports a reduced-motion preference, decorative/transitional animation should reduce or disappear while state, focus, loading and success/error feedback remain available.

Do not replace an animation with an invisible state change: preserve semantic announcements and final visual state. Application-owned animation around BeeUI components must follow the same policy.

The public landing also respects the browser prefers-reduced-motion preference.

Prerequisites: a device/OS with “Reduce motion” enabled (iOS/Android accessibility settings) or a browser with prefers-reduced-motion: reduce set, and a BeeUI screen that triggers an overlay or transition to compare against.

Canonical source: reduced-motion acceptance matrix and motion contract.