Enables discovery of Vanilla Motion effects and provides Framer-specific embed snippets, parameters, and integration guidance for adding effects to Framer projects.
Enables discovery of Vanilla Motion UI and web motion effects and provides Webflow-specific embed snippets, parameters, and integration guidance for adding effects to Webflow sites.
Enables discovery of Vanilla Motion effects and provides WordPress-specific embed snippets, parameters, and integration guidance for adding effects to WordPress sites.
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
An agent in any project can find an effect, read how it works, and add it correctly: the embed for plain sites,
Webflow, Framer and WordPress, or the source and mount() for bundled apps, with the real param names and ranges.
Claude Code
claude mcp add --transport http vanilla-motion https://mcp.vanilla-motion.com/mcpClaude, ChatGPT: add a custom connector with the URL https://mcp.vanilla-motion.com/mcp.
Cursor, VS Code and other MCP clients
{
"mcpServers": {
"vanilla-motion": {
"url": "https://mcp.vanilla-motion.com/mcp"
}
}
}Then ask for what you want, e.g. "add a hover effect to the logo" or "a slideshow transition with a ripple".
Related MCP server: tele-ux-ui-motion-skill-mcp
Tool | What it returns |
| Compact hits by words, tags or tech, with matching case-study passages on the top 3 |
| Params ( |
| The effect's |
| The effect's case study as Markdown |
| The tag and tech vocabulary, grouped by category |
Prompt: add_effect ("a hover effect for the logo") runs search_effects → get_effect → get_skill and writes
the integration.
Prefer the terminal? npx vanilla-motion add <slug> copies an
effect's source into your project.
Built from perxel-mcp-kit (kit docs: KIT-README.md, the checklist:
STANDARD.md; kit/ is never edited here, updates come from pnpm kit:update). Everything the MCP knows comes from
https://vanilla-motion.com/content.json, which the site writes on every build (scripts/build-content.mjs in
perxel/vanilla-motion, plan 003). The Worker re-checks it about every 10
minutes with If-None-Match, so a site deploy reaches the MCP with no redeploy here. get_skill and get_case_study
fetch the per-effect Markdown from the site and cache it the same way. Draft and unlisted effects never reach
content.json.
Worker vm-mcp on mcp.vanilla-motion.com: /mcp, / (docs), /health, /dash (Access-protected).
src/content.ts: the zod schema of content.json; src/fixtures/content.json is a copy of a real one for tests
(refresh it from the site's dist/content.json when the shape changes).
src/tools/, src/prompts.ts, mcp.config.ts, evals/questions.md.
Command | |
| local Worker on |
| types and tests |
| run the eval questions against a server |
| owner only; see |
Pushes to main deploy through .github/workflows/deploy.yml (Markdown-only pushes are skipped).
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
This server cannot be deployed
Search attributed motion recipes and prepare prompts for your coding agent. No API key required.
Search 30,000+ web effects, animations and UI components; get code with author and license.
Search 30,000+ web effects, animations and UI components; get code with author and license.
Search and load AI agent skills. Free metadata; full content requires a Pro or Studio account.
