A lab of small, crafted interaction experiments for React, built with Tailwind CSS v4 and Motion. Buttons, inputs, cards and playful objects, each with a live demo.
Answers unfold from under their question like a folded flap, and the row you clicked never moves.
New events slide in at the top as the line grows to meet them.
Dismissing folds the bar away and the page slides up to fill the gap.
A handwritten note whose arrow draws itself to whatever it points at.
A dot for unsaved changes splits into three while saving, then gathers into a check.
Shows when the owner is working, and when that overlaps with your day.
Fans open when you reach for it, with a name above each face.
Fills its ring as you read, and when you press it the arrow lifts off while the page glides back up.
Rolls its digits the way the count moved and bumps each time it changes.
Weighs your pros against your cons on a balance that tips and slowly settles.
Grows its bars from the baseline and springs them between two weeks.
A year written in binary; reach for it and a wave runs in from the right, the leading digits fade to zeros and the year you know types itself in.
Fills from the bottom up and lands with a small squash.
Folds the middle of a deep path into a menu when space runs out.
Pop every bubble to clear the list, one click or one long swipe.
Accept turns into hang-up as the call controls unfold out of it, one by one.
A small caps lock key with its light on slides into the field when caps is on.
Formats as you type, spots the card brand, and flips to show the CVC.
Rolls the hidden digits in when you press the eye, then hides them again when the ring runs out.
Spin a ring of cards and flick it to land on the one you were aiming for.
Scrub audio by dragging the tape, with reels that spin like the real thing.
Files each release card behind the stack like a hand riffling index cards.
Replies arrive after a beat of typing, and the thread follows only if you are.
Check marks draw themselves in, and Shift-click fills a range.
A field of clocks whose hands turn as one, melting between a wave, a vortex, rings and a funnel; they look at your pointer, and a click sends a ripple through them.
Switch files with a sliding underline and copy with one click.
Glides every surviving token to its new spot as a tutorial moves to the next step.
Folds down to an icon rail, with labels that step aside before it closes.
Drag a color out of the square, then fine-tune hue and opacity.
The ring glides to the color you pick and the color floods the preview from that side.
Spin right, left, right to fill each number, then turn the handle to open.
The person you pick flies out of the list and into the field.
Opens on ⌘K and filters commands as you type.
Drag the line to see what polish actually changes.
A click pops confetti; hold it and the fuse burns until the whole thing blows.
Asks before deleting, from a popover that grows out of the button.
Opens at your cursor and grows from it.
A year of activity at a glance, sweeping in week by week.
Bakes a bite back into the cookie for every category you allow.
The two pages merge into one before a check draws itself in.
Click the address and its letters flip, one by one, into "Copied to clipboard".
Stamps your promo code onto the order and strikes out the price it beat.
Sorts, selects and bulk-acts on rows without losing its place.
Paints the range as you hover, then commits it on the second click.
Opens a modal over the page, with a confirmation that stacks on top of it.
The underline comes in from the side your cursor entered and leaves toward the side it left.
Icons swell as your cursor nears them, and launch with a macOS-style bounce.
Draws itself in, then lifts whichever slice you point at.