25 ready-made animation templates for showcasing designs — drop in your images or videos, tweak the scene, and export MP4 or WebM in your browser.
AnimationPrototypingWeb
animos.app
Transitions
transitions.dev
Production-ready UI transitions for web apps: 43+ crafted motion components to copy and paste, or apply through your coding agent via a skill.
What is Transitions?
Transitions.dev is a toolkit for UI motion: a library of crafted transitions, an AI component builder, and a Motion Agent that finds and fixes janky motion in your app. A Motion Skill teaches coding agents to use the transitions inside their own workflow, so agents apply the same motion vocabulary you do. The library is free to browse, with Pro access for more.
Best for
- Polishing app motion and UI transitions
- Giving coding agents consistent motion
- Diagnosing janky animation in production
Key features
- 43+ production-ready crafted transitions
- AI builder for custom components
- Motion Agent to find and fix jank
- Motion Skill for coding agents
Related resources
animos.app
A fast, collaborative motion design tool on the web — animate Figma imports with AI help and export to 4K video, GIF or Lottie.
AnimationFigmaPrototyping+2
jitter.video
Premium physics-based, cursor-responsive web sections — browse the collection, copy the prompt and paste it into your AI model to ship.
AnimationWebLanding Page+2
motionin.design