React Motion UI System

curated by SkillMD · plugin · 5 skills

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

Install the whole plugin (CLI)

npx skillmds add affaan-m/motion-foundations
npx skillmds add affaan-m/motion-ui
npx skillmds add affaan-m/motion-patterns
npx skillmds add sakamoto-family-smile/motion-ui
npx skillmds add mhassan0000/motion-ui

⬇ Download

Skills in this plugin

▌
motion-foundations · affaan-m
Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.

226k
repo stars
▌
motion-ui · affaan-m
Provides a production-ready UI motion system for React/Next.js with performance, accessibility, and usability guidelines.

226k
repo stars
▌
motion-patterns · affaan-m
Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

226k
repo stars
▌
motion-ui · sakamoto-family-smile
Implements accessible, performant animations and transitions in React/Next.js apps using Motion, with tokens, reduced-motion support, and device adaptation.

0
repo stars
▌
motion-ui · mhassan0000
Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.

1
repo stars