Animista
Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed
Animista is a playground of pre-built CSS keyframe animations that you preview on a sample object, tune (duration, delay, timing function, iteration, direction, origin), and then copy out as plain CSS. Counting @keyframes blocks in its own stylesheet gives roughly 660 named animations across families like slide, scale, rotate, flip, swing, swirl, roll, puff, bounce, tilt, shadow-drop, shadow-inset, kenburns, tracking, text-pop-up, text-shadow, jello, wobble, vibrate, flicker and bg-pan. Made by Ana Travas; everything it generates is free for personal and commercial use under the FreeBSD (2-clause BSD) licence. Its point is that you ship four keyframes, not a whole animation library.
Prefer Animista over pulling in Animate.css or Motion when you need two or three one-shot entrance or attention effects — you paste the keyframes and pay nothing in bundle size, and the BSD licence means you can edit and ship them freely. The picker UI is a JS app, but you do not need it: fetch https://animista.net/style.<hash>.css from the homepage and grep @keyframes to get every animation by name. The generated CSS ships no prefers-reduced-motion guard, so wrap anything you copy in @media (prefers-reduced-motion: no-preference) yourself.
Why it is here. It is the reason a lot of shipped CSS contains a keyframe called slide-in-blurred-top — a decade of default web motion vocabulary came out of this one page. As a source of named, well-tuned keyframes it is still hard to beat.
- ~660 keyframe animations verified from its own stylesheet
- FreeBSD licence, commercial use allowed
- live tuning of duration, delay and easing before copy
- download as animista.css
- zero runtime, zero dependency
Verified 2026-08-16. HTTP 200. https://animista.net (WebFetch + raw curl of the 70KB HTML), https://animista.net/about (WebFetch; author and FreeBSD licence), https://animista.net/style.e0ea3b0e0d395b19c6a3.css (curl, 541KB — counted 671 @keyframes rules and extracted every animation name)
