banner

Ani.

Tiny, but Powerful Declarative Animation Library.

Build complex, reusable, and performant animations with a compositional API.

Wow, Blazing-Fast

Unlock frictionless, zero-overhead animations powered by the native Web Animation API.
JS Engine (Main Thread)Janky

Elegant State Management

Manage complex UI states with declarative transitions.

Dynamic Keyframes

Drive animations with runtime values from user input keyframes.

Click anywhere

Move to new dynamic keyframe.

Physics-Driven Spring Dynamics

Create simulation based dynamic spring animations.

Move your mouse

The balls will follow you.

Sequence

Chain animations together to run one after another.

Parallel

Run multiple animations at the exact same time.

Stagger

Create cascading effects with a delay between animations.

Loop & Delay

Repeat animations and create pauses with ease.

Open Source Crafted with Heart

Create awesome product using ani and WebGL.