Playground

Crafts

UI experiments, animations and interactive demos — where ideas get weird.

Vanish Input

A search field that eats your query - press Enter and the text breaks into pixels that stream back into the magnifier.

Generative Grid

A photo that builds itself out of a grid - dashed cuts split the frame, blurry pieces land tile by tile, then the whole thing comes into focus.

Record Waveform

A record button with its waveform bent into a ring - tap it and eight dashes open around it, stretching and shrinking like a voice.

Process Button

A button that runs its own progress - start it and a stop button buds off its side like a droplet, then melts back in when the work ends.

Peel Button

A button that's really a sticker - hover and its corner curls back off the layer underneath, press and it pulls a little further.

Copy Tabs

A copy button split into three tabs - what it holds, what a click does, and that it worked - with only one ever open.

Segmented Nav

A navigation track of ticks - pick one and it stretches into a labeled pill while its neighbors fade out with distance.

Quick Switch

A prompt bar with a mode pill - tap it and the icon blurs into the next one while the placeholder rewrites itself letter by letter.

Zipper Coupon

A coupon pouch sealed with a zip - drag the pull and the fabric peels open along a curve, then the ticket inside pops out.

OTP Input

A one-time code field where digits spring into place, backspace walks you back and a paste fills it in one go.

Cloud Status

A status that drifts up off an avatar - as a thought, puffs rolling into a cloud, or as a message, a bubble whose tail was the puffs all along.

Wobble Tabs

Tabs that trade width for attention - the chosen one springs open past its own size to let its label in, the last one folds back to an icon.

Liquid Input

An input whose surface melts into whatever sits beside it - the gap between them decides if they read as one shape or two.

Draggable List

A sortable list where the dragged item lifts with rotation and shadow, and neighbors tilt to signal displacement.

Morph Menu

A menu popover that morphs out of its trigger

Spring Counter

A counter where digits spring in and out on change.