tw-animate-css Playground

Interactive playground for tw-animate-css — a pure CSS animation library for Tailwind CSS v4.

Features

• Animation Builder — combine multiple enter/exit effects (fade, zoom, spin, blur, slide) and preview them live
• Combo Presets — common animation combinations ready to demo
• All Animations — individual animation cards with hover-to-replay
• Controls — adjustable duration (150–1000ms) and easing (linear, in, out, in-out)
• Generated Classes — copy the class string directly into your project

Setup

pnpm install
pnpm dev

Tech Stack

• Vite
• Tailwind CSS v4
• tw-animate-css
• Vanilla HTML + TS