vibehacker

transitions.dev

Skill

A library of 40+ crafted CSS UI transitions plus skills that teach your agent when and how to use them.

by Jakubantalik Listed Apr 21, 2026

Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.

Product badge

Share this product's name and rating in your README or on your website.

transitions.dev: rating on VibeHacker

Updates may be delayed by image caching.

transitions.dev cover

About transitions.dev

transitions.dev pairs a hand-tuned motion library with agent skills. Modals, dropdowns, toasts, sliding tabs, skeleton shimmer, streaming text and AI-thinking states each get a production-ready transition.

The skills tell the agent which transition fits which interaction, so vibe-coded UIs stop snapping between states. Check the licence: free for personal and commercial use, but the library itself can't be redistributed.

Used transitions.dev?

Log in to write a review.

No reviews yet

Used it? Write the first review.