MotionKit

Make your AI build websitesthat actually look designed.

Powered by MCP — your AI agent plugs into MotionKit and pulls premium, ready-made design specs on demand, right as it builds.

See the Library

Prefer the CLI? Add it in one line

$ claude mcp add motionkit -- npx -y @motionkit/mcp

Heroes

First-impression sections that earn the scroll.

View spec

Aurora Drift

#hero
Free
Soon
Soon
Soon

Animated Backgrounds

Living fields that add depth without stealing focus.

View spec

Constellation Field

#background
Pro
View spec

Grain Drift

#background
Free
Soon
Soon

Gradients

Color in motion — mesh, conic, and morphing light.

View spec

Conic Bloom

#gradient
Pro
View spec

Mesh Morph

#gradient
Pro
Soon
Soon

Section Transitions

Reveals and hand-offs that make a page feel authored.

View spec

Curtain Reveal

#transition
Pro
View spec

Stagger Lines

#transition
Free
Soon
Soon

Micro-interactions

The small responses that make an interface feel alive.

View spec

Magnetic CTA

#micro
Free
Soon
Soon
Soon