Motion Ui

affaan-m/ecc

A production-ready motion system for React and Next.js that prioritizes performance and accessibility over decoration. Built on Motion/Framer Motion with opinionated tokens for duration, easing, and distance. Handles the common stuff well: modals with focus traps and scroll lock, AnimatePresence modes that actually make sense (wait for modals, popLayout for lists), reduced motion support baked in, and device adaptation for low-end hardware. The guidance on when not to animate is more useful than the animation patterns themselves. Includes a hard rule about never mixing motion/react and framer-motion imports in the same project because it breaks AnimatePresence coordination. Good for teams that want consistent motion without reinventing the patterns every time.

skills.sh installs

2.8K

GitHub stars

300.3K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1emilkowal-animationspproenca/dot-skillsEmil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers o2.8Kskills.sh installs

2article-magazinenexu-io/open-designHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.8Kskills.sh installs

3deck-open-slide-canvasnexu-io/open-designLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.2.8Kskills.sh installs

4mapbox-web-integration-patternsmapbox/mapbox-agent-skillsOfficial integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelte, Angular). Covers setup, lifecycle management, token handling, 2.7Kskills.sh installs

5blog-chartagricidaniel/claude-blogGenerate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar 2.7Kskills.sh installs

6flags-sdkvercel/flagsGuide for feature flags and A/B tests with the Flags SDK (`flags` npm package) and Vercel Flags. Use when: declaring flags with `flag()`, using `vercelAdapter` 2.7Kskills.sh installs