Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
This item's current download entry is known to bounce back to a listing or homepage instead of returning a package file.
Use the source page and any available docs to guide the install because the item currently does not return a direct package file.
I tried to install a skill package from Yavira, but the item currently does not return a direct package file. Inspect the source page and any extracted docs, then tell me what you can confirm and any manual steps still required. Then review README.md for any prerequisites, environment setup, or post-install checks.
I tried to upgrade a skill package from Yavira, but the item currently does not return a direct package file. Compare the source page and any extracted docs with my current installation, then summarize what changed and what manual follow-up I still need. Then review README.md for any prerequisites, environment setup, or post-install checks.
Motion is a modern animation library for React, JavaScript, and Vue. It's the evolution of Framer Motion, offering: Tiny size: Just 2.3kb for the mini HTML/SVG version High performance: Hardware-accelerated animations Flexible: Animate HTML, SVG, WebGL, and JavaScript objects Easy to use: Intuitive API with smart defaults Spring physics: Natural, kinetic animations Scroll animations: Link values to scroll position Gestures: Drag, hover, tap, and more
npm install motion
import { animate } from "motion" // Animate elements animate(".box", { rotate: 360, scale: 1.2 }) // Spring animation animate(element, { x: 100 }, { type: "spring", stiffness: 300 }) // Stagger multiple elements animate("li", { opacity: 1 }, { delay: stagger(0.1) })
import { motion } from "motion/react" <motion.div animate={{ rotate: 360 }} transition={{ duration: 2 }} />
import { scroll } from "motion" scroll(animate(".box", { scale: [1, 2, 1] }))
quick-start.md - Installation and first animation More docs to be added...
Use this skill when: Implementing animations in web applications Optimizing animation performance Creating scroll-based effects Building interactive UI with gestures Migrating from Framer Motion to Motion
Official site: https://motion.dev GitHub: https://github.com/motiondivision/motion Examples: https://motion.dev/examples
Writing, remixing, publishing, visual generation, and marketing content production.
Largest current source with strong distribution and engagement signals.