Animate Anything.

TakenCSS is a massive, animation-first JavaScript runtime that lets you build stunning, responsive websites without a build step. Just one script tag is all you need.

⚡️ 80+ Animations

A massive library of hand-picked animations for entrances, exits, and emphasis, all available as simple utility classes.

🏷️ Custom Tags

Build your UI declaratively with styled components like <taken-card> and <taken-button>.

🛠️ Powerful API

Use the simple JavaScript API for full control over sequences, staggering, and scroll-triggered animations.

Ready to build something amazing?

Dive into the documentation to see everything TakenCSS has to offer.

Let's Go!