Motion
A Vue 3 port of Motion (formerly Framer Motion) that gives you hardware-accelerated animations through declarative components. You get the motion.div style API with props for initial, animate, and gesture states like whileHover and whilePress. Includes composables for scroll-linked effects, spring physics, and layout transitions. The skill is organized around three reference files covering components, composables, and examples, meant to be loaded selectively rather than all at once. Good middle ground if you want more control than @vueuse/motion but don't need GSAP's timeline complexity. Works with both Vue 3 and Nuxt 3 out of the box.
- skills.sh installs
- 2.3K
- GitHub stars
- 723
- last updated
- Aug 21, 2026
Install
$ npx -y skills add onmax/nuxt-skills --skill motion --agent claude-codeInstalls into .claude/skills of the current project.
Files
A Vue 3 port of Motion (formerly Framer Motion) that gives you hardware-accelerated animations through declarative components. You get the motion.div style API with props for initial, animate, and gesture states like whileHover and whilePress. Includes composables for scroll-linked effects, spring physics, and layout transitions. The skill is organized around three reference files covering components, composables, and examples, meant to be loaded selectively rather than all at once. Good middle ground if you want more control than @vueuse/motion but don't need GSAP's timeline complexity. Works with both Vue 3 and Nuxt 3 out of the box.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/onmax/nuxt-skills
- Categories
- Frontend Development, Backend & APIs, Design & UI/UX
More from onmax/nuxt-skills
All 21Recommended
More Frontend Development
laravel-inertia-reactasyrafhussin/agent-skillsLaravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing2Kskills.sh installs
sentry-react-router-framework-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure er1.9Kskills.sh installs
imagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product1.8Kskills.sh installsimagegen-frontend-webnexu-io/open-designElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal1.8Kskills.sh installs