Plugins
1 pluginResults for “micro-interactions”
15 skillsMicro Interaction Spec
Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.
1.7k
Animate
Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.
61
Animation
Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.
1
More results
Microinteractions
Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.
1.6k · bundle
Whimsy Injector
Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.
2
Sketch
Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.
1
Fitts Law
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
1.7k
Gesture Patterns
Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.
1.7k
Maxim Banner Design
Creates digital banners for social, display, hero, and email formats, applying behavioral science principles to maximize attention and conversion.
2 · bundle
Responsive Design
Design adaptive layouts and interactions that work across all screen sizes and input methods.
1.7k
Motion Patterns
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
UX Writing
Escreve microcopy de interface — mensagens de erro, estados vazios, tooltips, rótulos de botão, onboarding e notificações, com foco em clareza e acessibilidade.
2
Delight
Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.
61
Make Interfaces Feel Better
Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.
2 · bundle
Polish
Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.
61