Framer Motion Layout
C-Jeril/framer-motion-skills/skills/framer-motion-layoutby C-Jeril837d7268fc4a3cf5b1f8904616ec97c7485e3edaMIT8 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 6 months ago
Official Framer Motion skill for layout animations — shared layout transitions, layoutId, exit animations, AnimatePresence. Use when building shared element transitions, layout animations, reorderable lists, or when asking about Framer Motion layout, layoutId, or shared transitions.
- 837d7268fc4a3cf5b1f8904616ec97c7485e3edaCurrentcommit 837d726Published Oct 9, 2026
Source and attribution
Source:C-Jeril/framer-motion-skillsinskills/framer-motion-layoutat 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 Variants
C-Jeril
Reference guide for Framer Motion animation variants, covering state machines, orchestration, stagger, repeat and keyframes.
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.
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.