animotion-mcp

MCP server for AI agents — 745+ CSS animations, 9,000+ SVG icons. One command:npx animotion-mcp

Live Demo|API Reference|MCP Server|[PNG Animator

Animotion is a production-ready CSS3 animation framework built for the modern web. It provides745+ hand-crafted animationsacross 20 categories,9,000+ real SVG iconsvia MCP (from Lucide, Heroicons, Tabler, Bootstrap), aPNG Animatortool, and anMCP serverso AI agents can search and use animations and icons directly.

Built for everyone — from manual coders to vibe coders, from junior developers to AI agents.

- 745+ CSS3 animationsacross 20 categories — the largest collection available
- 9,000+ real SVG iconsvia MCP — Lucide, Tabler, Bootstrap, Heroicons, built-in (eliminates AI-generated icons)
- Zero dependencies— pure CSS, no JavaScript frameworks required
- GPU-optimized— animations usetransformandopacityfor 60fps performance
- Auto-playing previews— smooth, no GPU overload, auto-play toggle available
- Custom text preview— type your name/brand and see it animated across all 745 animations
- Copy-paste ready— every animation has a single CSS class
- AI-friendly— MCP v2 server with 10 tools for Claude Code, Cursor, Windsurf, Cline
- PNG Animator— upload any image, apply animation, export CSS
- Utility classes— control duration, delay, easing, iteration, stagger
- Syntax-highlighted code— modal shows CSS/HTML/JS with colored syntax
- URL routing— deep-link to any animation or category via hash
- Accessibility— skip link, ARIA labels, focus trap,prefers-reduced-motion
- MIT Licensed— free forever, commercial use allowed