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.
Opens in place into copy, X and email, and the link turns into a check when it is copied.
Drag it down or flick it away; pull it up and it pushes back.
Press keys to set a shortcut: keycaps appear as you hold them, and it tells you when a combo is taken.
Press ? anywhere to see every shortcut, then press one to watch it light up.
A dot travels to whatever you pick and takes on its section colour, which then wipes across the label.
Opens one section at a time and lights the branch from the title down to the item you are on.
Slides footnotes into the margin beside their sentence, and folds them inline on narrow screens.
Ink that swells where you slow down, and wipes away the way you wrote it.
Pulls a tee over a body outline so you see the fit before you pick the size.
Holds the exact shape of what is coming, so nothing jumps.
Drag the knob all the way across to confirm.
An underline stretches toward the tab you pick while a soft pill follows your pointer.
Snaps cards to center, drags with the mouse, and each card acts out its motion principle.
Drag an app tile and the others slide out of its way.
Draws itself in, then scrubs to the nearest point under your cursor.
Hides a spoiler under shimmering grain that blows away from your click.
The cursor is a lamp: cards catch its glow and their icons cast shadows away from it.
Tune a spring and watch its overshoot and settle, plotted live.
Stacks iOS sheets that push the page back and drag down to dismiss.
Shows what per-item delay actually does to a list entrance.
Spins once and throws off tiny sparks when starred, then rolls the count.
Hover to preview, click to commit with a little pop.
Numbers count up to their value; scrub a sparkline and the figure rolls back through its history.
Pick a status and the badge on your avatar turns into its shape: a dot, a moon, a stop sign or a ring.
Peel the top reminder off by its corner to mark it done.
Cards pile up and sink back as you scroll.
Point at any slice to read its size, then clear the cache and watch the total count down.
Draws the week's hours on a 24-hour scale and can redraw them in your own time zone.
Tap through stories, hold to pause.
Pick a time by dragging the sun across the sky.
Fling a card away and the rest of the deck steps forward.
A phone tab bar whose pill slides over and fills in the icon it lands on.
Your typed words stay put while a chip forms around them.
Counts in hand-drawn tally marks, one pen stroke at a time.
Pull the blade out to measure; release the lock and it reels itself back in.
Tear a day off to move forward, pull one back to go back.
Swipes a highlighter across the line that sold the customer, one line at a time.
Fills the label itself with ink as the upload runs.
Hover a word and a block cursor reads it in, one letter at a time.
A sun that folds its rays away and turns into a crescent moon.
Leans toward your cursor with a glare that follows the light.
Coins drop into a glass jar and pile up as the total counts.
Stacks with depth, fans out on hover, and each toast's edge drains as its timer.
Leans into the move when pressed, then springs across and squashes on landing.
One tooltip slides from button to button and reshapes around each label.
Folders unfold in place while the selection glides to the file you pick.
Types, pauses and rewrites the last word with a human rhythm.
Records the rhythm of your typing on a scrolling seismograph.