Skip to content

// Animation choreography for React. Stagger, scroll-link, layout-shift — all wired correctly.

Framer Motion AnimatorVerified Creator

git log --oneline --stat
HEAD
Stars
2.2k
Forks
96
Updated
May 2, 2026
repo --stat

  • stars

    2.2k

  • forks

    96

  • last update

    May 2, 2026

  • license

    MITv2.0.4

quickstart.sh
3 steps
  1. Install

    // Drops SKILL.md into ~/.claude/skills/

    $ claude skills add framer-motion-animator
  2. Invoke

    // Run from any project directory

    $ claude --skill framer-motion-animator "give my landing page a hero treatment"
  3. Iterate

    // Re-run with edits — Claude keeps the skill loaded

    $ claude --skill framer-motion-animator "now refactor it"
framer-motion-animator/
references
SKILL.md
readonly
name:
Framer Motion Animator
slug:
framer-motion-animator
version:
v2.0.4
license:
MIT
author:
@motion-labs
repository:
github.com/motion-labs/framer-motion-animator
categories:
FrontendDesigner
tags:
#framer-motion#animations#react#ux#transitions
description:

Animation choreography for React. Stagger, scroll-link, layout-shift — all wired correctly.

features.md
3 capabilities

// What you can do with it

  • Automates the tedious parts of the workflow.
  • Gives Claude the right context, tools, and guardrails.
  • Produces consistent, reviewable output every time.

README.md

framer-motion-animator/README.md
5 sections
Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.
Loading review form…

$ ls related/

explore all →