Animista

Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed

Tier A · StrongGeneratorAnimation LibraryToolanimista.net

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License: BSD
Pricing: Free
Framework: Vanilla JS
Styling: Vanilla CSS
Distribution: Web app / online tool, Copy-paste snippet, Direct download / asset pack
Platform: Web
Content type: Code
Agent readiness: Copy-paste ready code, Client-rendered shell
Accessibility: Known accessibility gaps
Maturity: Stable

Components it ships

Animation Transition Text Effect Gradient Background Shimmer

Helps you build

Homepage Features Onboarding Web App

Notable for

~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

Provenance

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)

Also in Motion & Interaction

animista.netTier A