Framer Motion Variants
C-Jeril/framer-motion-skills/skills/framer-motion-variantsby C-Jeril837d7268fc4a3cf5b1f8904616ec97c7485e3edaMIT8 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 6 months ago
Official Framer Motion skill for animation variants — state machines, orchestrated animations, stagger, repeat, sequencing. Use when building orchestrated animations, animation state machines, staggered entrances, or when asking about Framer Motion variants, transition variants, or choreographed animations.
- 837d7268fc4a3cf5b1f8904616ec97c7485e3edaCurrentcommit 837d726Published Oct 9, 2026
Source and attribution
Source:C-Jeril/framer-motion-skillsinskills/framer-motion-variantsat commit837d726
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from C-Jeril/framer-motion-skills
Framer Motion Scroll
C-Jeril
Reference guide for building scroll-linked animations with Framer Motion's useScroll, useTransform, and useInView hooks.
Framer Motion Gestures
C-Jeril
Reference guide for Framer Motion gesture animations covering drag, pan, tap, hover, and focus interactions.
Framer Motion React
C-Jeril
Guides Framer Motion animation patterns in React, covering AnimatePresence, layout animations, useAnimation and SSR handling.
Framer Motion Layout
C-Jeril
Reference guide for Framer Motion layout animations: the layout prop, layoutId shared transitions, AnimatePresence and exit animations.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.