React Micro-Interactions

A magnetic dock where icons inflate near the cursor and push their siblings aside.

A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.

One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.

A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.

A bold red dropzone for any file, with gallery tiles and progress after upload.

Drag the handle to wipe between before and after images with absolutely zero lag.

A floating label that trails the cursor across your hover targets with an elastic pop-in and a soft spring settle.

A 75 percent mechanical keyboard with sculpted keycaps and recorded switch sound.

A Mac keyboard with three finishes, a latching caps LED, and ANSI or ISO layouts.

A loader that fills with liquid to your progress, in a glass circle, square, or word.

A progress bar that fills with water, its rippling front leaning as it runs.

Frosted glass that bends the page at its edge, with a rim that catches the light.

Images that develop from a blur, color, or shimmer placeholder, without layout shift.

A pill or icon button ringed in flowing liquid metal, for light and dark pages.

Eight animated hamburger menu icons that morph into a close X or back arrow in CSS.

React star rating with half stars, drag to rate, and cut stars that catch the light.