css animation resources

copy.paste.
animate.

A curated collection of CSS animations ready to drop into any project. Customize live — color, speed, size — then copy the exact code you need.

14effects
11categories
0dependencies
~pure css
all effects 14 effects
about
the project
cssreel

A personal library of CSS animations built and collected over time. Every snippet is copy-paste ready — customize it live, then grab your exact code.

No npm installs, no config files. Just CSS doing what it does best.

the dev
Andrew Avilan

Frontend developer focused on clean UI, CSS craft, and making the web feel alive. Based in Medellín, Colombia.

CSSHTML JavaScriptReact AnimationsUI Design
how to use
three steps

1. Browse effects and click any card to open the live editor.
2. Adjust color, speed, size, opacity and border-radius in real time.
3. Hit copy code — the snippet includes your exact custom values.

github linkedin email