A package containing a few micro-interactions you can use to reward your users for little things and make them smile!
React-useanimations is a collection of free animated open source icons for React.js.
The material-ripple directive for Vue that actually works
One command in Claude Code, Cursor, or Codex and your agent already knows the physics, the spring curves, and the interaction patterns I've spent years dialing in. Type a minimal prompt and get the interaction you actually wanted instead of something generic.
A small collection of lightweight micro-interactions built with vanilla JavaScript and CSS, focused on learning and UI experimentation.
Animated react transitions 💫
A Claude skill for interaction design -> flows, states, micro-interactions, affordances, feedback, and IxD principles for product, UX, UI, and service designers.
React hook for momentum-based, scroll-driven spin animations — friction, velocity caps, vertical & horizontal. The micro-interaction behind pugs.ly. npm: @dan-pugsley/react-scroll-spinner
Expert micro-interaction skill for AI coding agents — mobile apps, web applications & responsive websites. 20+ patterns, spring physics, easing curves, accessibility, performance.
A modern, interactive frontend portfolio built using Next.js, TypeScript, GSAP, Framer Motion, and TailwindCSS. Designed to showcase my skills, featured projects, and personal branding as a frontend developer.
wip: tinkering with user interfaces and interactions.
A high-fidelity animated navigation component focusing on micro-interactions and state-driven UI. Features fluid morphing animations, custom transition curves, and a lightweight CSS-first architecture.
GENESIS UI/UX Gold Standard — The ultimate Claude Code UI/UX skill. 28 award-winning techniques, 5 engines, 24 databases, 1,334+ entries. Built by Miguel Jiminez.
Premium interactive SVG icons: hover and scroll micro-interactions, built with Framer Motion + requestAnimationFrame. A Claude Agent Skill.
Expo + React Native playground exploring animations, gestures, micro-interactions, charts, shaders and camera with Reanimated, Skia and Expo Router.
Beautiful Back-to-Top Buttons. Create beautiful, customizable back-to-top buttons with smooth animations and modern design. Perfect for any website!
A Next.js 16 visual lab for high-fidelity landing-page clones built with real routes, local assets, responsive UI, motion, and validation for a growing serious collection.
I'm building a react component library. Feel free to use and also contribute!
Add a description, image, and links to the micro-interactions topic page so that developers can more easily learn about it.
To associate your repository with the micro-interactions topic, visit your repo's landing page and select "manage topics."