Free CSS animation library. Browse, preview, and copy-paste pure CSS animations.

Built with Astro, React, and Tailwind CSS.

nvm use 22
npm install
npm run dev

Open http://localhost:4321

• 30+ animations across 7 categories: Text, Hover, Loading, Background, Entrance, Button, Pixel
• Live preview — see animations in real-time on the library grid
• Copy & paste — one-click copy CSS and HTML code
• Search & filter — find animations by name, tag, or category
• Dark mode — dark backgrounds for animations that need it
• Static site — pre-rendered pages for fast loading

1. Create src/animations/your-name.ts with an Animation object
2. Import and add it to the array in src/animations/index.ts

See CLAUDE.md for the full Animation interface and architecture details.

• Node.js >= 22.12.0

MIT