Explore Animation Libraries

Bring your UI to life with these animation tools

Filter by Tags

Framer Motion

Framer Motion

Super smooth animations for React with dead-simple syntax. Great for UI transitions and micro-interactions.

Installation Required
Animate.css

Animate.css

Just add a class and boom—instant animations like bounce, fade, and slide. No setup, no stress.

Copy/Paste
LottieFiles

LottieFiles

Drop in beautiful, lightweight animations made in After Effects using JSON. Great for loading screens or icons.

Choose to Install or Copy/Paste
GSAP (GreenSock)

GSAP (GreenSock)

The beast of all JavaScript animation libraries. Pro-level power with mind-blowing performance.

Installation Required
Motion One

Motion One

Built by the Framer Motion creator, it’s tiny, fast, and works with plain JavaScript. Sleek and modern.

Installation Required
AutoAnimate

AutoAnimate

Add animations to your UI with *zero effort*. It figures out transitions for you—just one line of code.

Choose to Install or Copy/Paste
CSShake

CSShake

Need something to jiggle or shake? This fun little CSS library has your back.

Copy/Paste
Animista

Animista

Play around with tons of CSS animations, customize them online, then copy the code. Easy peasy.

Copy/Paste
Hover.css

Hover.css

Need a hover effect? This has a whole collection for links, buttons, and more. Just copy and go.

Copy/Paste
Magic Animations

Magic Animations

CSS animations with extra flair—think bling, puff, and other over-the-top effects. Fun to play with!

Copy/Paste