·framer-motion

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

13Installs·0Trend·@naimalarain13

Installation

$npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion

SKILL.md

| Motion Component | reference/motion-component.md | | Variants | reference/variants.md | | Gestures | reference/gestures.md | | Hooks | reference/hooks.md |

| Page Transitions | examples/page-transitions.md | | List Animations | examples/list-animations.md | | Scroll Animations | examples/scroll-animations.md | | Micro-interactions | examples/micro-interactions.md |

| templates/page-transition.tsx | Page transition wrapper | | templates/animated-list.tsx | Animated list component |

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications. Source: naimalarain13/hackathon-ii_the-evolution-of-todo.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion
Category
>_Productivity
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is framer-motion?

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications. Source: naimalarain13/hackathon-ii_the-evolution-of-todo.

How do I install framer-motion?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill framer-motion Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo