Install Configure

Use forever.

A powerful animated react component library that combines the best of Framer Motion and GSAP for stunning web experiences.

Free Templates

Lightweight

Only 12kb gzipped, with zero dependencies

Performant

60fps animations with hardware acceleration

Flexible

Works with any React component or HTML element

Why Choose Our Library?

Everything you need to create stunning animations

Lightning Fast

Optimized for performance with minimal bundle size impact.

Type Safe

Built with TypeScript for robust, error-free development.

Beautiful Defaults

Carefully crafted animations that look great out of the box.

High Performance

Hardware-accelerated animations for smooth 60fps.

Customizable

Easily adapt animations to match your brand identity.

Developer First

Intuitive API designed for developer productivity.

Customize in Real-Time

Experiment with our components and see changes instantly

Controls

Preview

Generated Code

1<motion.div
2  animate={{
3    scale: 1,
4    rotate: 0,
5  }}
6  transition={{
7    duration: 0.6,
8    type: "spring",
9    bounce: 0.4,
10  }}
11>
12  Your Component
13</motion.div>