edbnedbn/ui
Get Started
WelcomeChoosing a VariantChangelogLicense
Components
Overview
ButtonAlert DialogPopoverDropdown MenuPull Down MenuSheet
Motion Utilities
Motion ProviderSpring PresetsHooks
0installs
Components
BlocksMaps
HomeDocsComponentsAnimated

On this page

Animated Components

Components with spring physics via motion/react.

How It Works

These components use spring-based animations—no keyframes or duration timing. Springs respond to velocity, so interrupting an animation mid-way feels natural rather than jarring.

All animated components respect prefers-reduced-motion. When enabled, they fall back to instant transitions or minimal fades. The MotionProvider gives you global control.

Components

ButtonAlert DialogPopoverDropdown MenuPull Down MenuSheet

Setup

Install the dependency:

npm install motion

Wrap your app with MotionProvider for global animation controls.

Want smaller bundles? Static components →