Animotion MCP.Github.Io MCP Server

Animotion is a production-ready CSS3 animation framework built for the modern web. It provides 745+ hand-crafted animations across 20 categories, 9,000+ real SVG icons via MCP (from Lucide, Heroicons, Tabler, Bootstrap), a **PNG. That is what the animotion mcp.github.io mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.

The short version

• 745+ CSS3 animations — across 20 categories — the largest collection available
• 9,000+ real SVG icons — via MCP — Lucide, Tabler, Bootstrap, Heroicons, built-in (eliminates AI-generated icons)
• Zero dependencies — — pure CSS, no JavaScript frameworks required
• GPU-optimized — — animations use transform and opacity for 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

The tools it exposes

The server publishes 7 tools. What each one is for:

• Duration — The Duration tool exposed by this server
• Delay — The Delay tool exposed by this server
• Easing — The Easing tool exposed by this server
• Performance — The Performance tool exposed by this server
• Endpoint — The Endpoint tool exposed by this server
• Categories — The Categories tool exposed by this server
• Usage — Visit the Icons tab on the website and click any icon to copy its SVG to clipboard

Getting it running

The server ships on npm as animotion-mcp, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

How it compares

Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Animotion MCP.Github.Io's toolset — Duration, Delay, Easing and 4 more — is a fair guide to whether it matches your workflow. It is maintained by animotion-mcp; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against Animotion MCP.Github.Io's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Things to watch

• It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
• Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.