Animations

Real animations, not previews.

Every item on this page is the complete, working asset — CSS keyframes you copy straight into your stylesheet, and Lottie icon files you download and drop into your app. Nothing here is locked behind a third-party editor.

Featured motion

A handful of the 177, playing live.

Loading…

From animate.css

CSS animations — click play, then copy.

Real @keyframes, ~83k-star open-source library. Paste the CSS, apply the class — done.

Loading…

From useAnimations

Lottie icons — play, then download the file.

Real, complete Lottie JSON animations. CC-BY — free for personal and commercial use, credit useAnimations.

Loading…

—

—

—

From animate.css — Hippocratic License 2.1, free for personal & commercial use.

—

—

Download .json

From useAnimations/react-useanimations — CC-BY, free for personal & commercial use.