Built an AI-powered playground where you describe motion in plain english and get clean CSS keyframes back. Supports three output formats — pure CSS, Tailwind v4, and Framer Motion — generated simultaneously from a single prompt.

Designed the system around a single constraint: output only transform and opacity. No layout, no color, no noise. Just the animation. Mistral via Vercel AI SDK, Next.js App Router, Zustand, Tailwind v4.

Solves the gap between knowing what you want an element to do and knowing how to write it.

Explore it live: kf