Skip to main content

Fluid motion,
built for React.

A lightweight, declarative library for springs, gestures, and exit animations. Silky 60fps motion with an API you'll actually enjoy writing.

$npm i react-ui-animate
Why React UI Animate

A focused toolkit for motion

Powerful enough for complex interactions, simple enough to learn in an afternoon.

Declarative API

Animate with props like animate, hover, press, and view. No imperative timelines or boilerplate.

60fps Performance

Values update outside React’s render cycle, so motion stays smooth without triggering re-renders.

Gestures Built-in

First-class hooks for drag, move, scroll, and wheel let you craft rich, tactile interactions.

Presence & Exit

Animate components as they leave the DOM. Built for modals, tooltips, and dropdowns.

TypeScript First

Fully typed components, hooks, and utilities with autocomplete that guides you as you build.

Tiny & Tree-shakeable

Import only what you use. Side-effect free and optimized for modern bundlers.

Live demos

Examples

Interactive patterns built with React UI Animate. Real source, not a mockup.

Read the docs
Drag & spring
Grab, release, and watch it spring back into place.

Start animating in minutes

Install React UI Animate and ship your first animation today.