The Vibeary — tag
micro-interaction
8 resources in The Vibeary tagged "micro-interaction" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Animata
Hand-crafted interaction and micro-animation snippets for React and Tailwind, browsable by effect.
Micron.js
Micro-interaction library of CSS animations triggered by data attributes or a JS API, covering taps, bounces, jelly and blinks.
useAnimations
Library of small animated icons — play/pause, menu/close, loading, heart — delivered as Lottie-backed React and vanilla components.
Form Friends
Four inline SVG characters that watch form fields, look away from passwords, sag on failure and nod off when idle — React only, no animation library.
Delete button animation
Vanilla delete button where each letter tumbles into a trash can — HTML, CSS and JS, zero dependencies.
Payment Method Animation
Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.
pimp_my_button
Flutter package that attaches configurable particle burst effects to any widget on tap.
csshake
CSS classes producing tuneable shake, wobble and jitter motion via generated keyframes, with intensity and chunk variants.