Subframe Motion

Open-source React animations, Motion components and WebGL shaders.

Install

Remote server: your requests and data go to mcp.subframe.com. Claude Code: claude mcp add --transport http subframe-motion https://mcp.subframe.com/motion/mcp · Claude app: Settings → Connectors → Add custom connector.

What it can do

The tools this server listed when we connected to it, in its own words.

• search_motion_examples — Search the Subframe Motion Library for React animation examples. Describe what you want in plain words — the effect, the element, how it sho
• get_motion_example — Get one Subframe Motion Library example: its complete React source; how it looks and moves; adapt notes naming the code that drives the moti
• get_motion_guidance — Get Subframe's guidance for designing motion well, by topic: principles (whether to animate at all), timing (durations, curves, springs), en

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

• frontend-design 194,218 ★
  Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
• web-artifacts-builder 194,218 ★
  Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
• frontend-ui-engineering 117,221 ★
  Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces a
• dashboard-chat-best-practices 116,897 ★
  Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PP
• design-taste-frontend 115,156 ★
  tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com