← All resources
AI SkillDevelopment

motion-dev-animations

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll effects, parallax, hero animations, gestures, drag interactions, spring physics, whileHover effects, whileInView animations, animated UI, micro-interactions, page transitions, or layout animations. Generates production TypeScript/JSX code with accessibility (prefers-reduced-motion) and performance validation (≥60fps)…

Community rating

No ratings yet · 0 source visits

Rate this skill:

No account needed. A pseudonymous browser cookie prevents duplicate ratings.

What is this resource?

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll effects, parallax, hero animations, gestures, drag interactions, spring physics, whileHover effects, whileInView animations, animated UI, micro-interactions, page transitions, or layout animations. Generates production TypeScript/JSX code with accessibility (prefers-reduced-motion) and performance validation (≥60fps)…

Review the original project for installation steps, licenses, compatibility and updates. This directory provides discovery links, not downloadable or verified code.

Installation

For repositories supported by the Skills CLI, you can typically start with:

npx skills add 199-biotechnologies/motion-dev-animations-skill

Check the repository instructions and select the intended skill before installing. This command may not apply to every source.

Safety & attribution

This is an external resource, not independently security-audited by this directory. Inspect permissions, scripts and changes before using it with your files or accounts.