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

Local serverstdio

What is the 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

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

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the Animotion MCP.Github.Io MCP Server

{
  "mcpServers": {
    "animotion": {
      "command": "npx",
      "args": ["-y", "animotion-mcp"]
    }
  }
}

Configuration as documented by the project. Restart the client after saving.

Example prompts to try

  • “Use Animotion MCP.Github.Io to Duration.”
  • “Use Animotion MCP.Github.Io to Delay.”
  • “Use Animotion MCP.Github.Io to Easing.”

Frequently asked questions

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 Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.