Motions for Claude Code
The whole catalog, inside Claude.
Connect Claude Code to Motions and it can search 1,707 hand-built CSS animation snippets and 601 motion design prompts, then drop the real, tested code into your project instead of writing an animation from scratch.
search_motions
Loaders, hover effects, text, buttons, toggles, backgrounds, borders, glass, tooltips and prompts, by what you describe.
get_snippet
The HTML, the CSS with its reduced-motion guard, and a Tailwind version where there is one.
get_motion_prompt
The prompts behind the motion design films on the inspiration board, with credit to whoever made them.
claude
> add a skeleton shimmer to the product grid while it loads
⏺ search_motions → Loaders/skeleton-product-grid, then get_snippet and adapts the classes to your grid
> make the pricing card's border glow on hover, subtle
⏺ finds Border Animations/border-beam and Hover Effects options, picks one, wires it to your card
> I want an intro in the style of a split-flap board
⏺ pulls the Motion Prompts entry and uses the prompt as the brief
Set it up
Log in to get your key. Motions for Claude Code is part of the Pro plan.