A curated collection of components that spark joy. Featuring interactive concepts, design experiments, and components in the intersection of AI/UI.
WebGPU 3D image carousel — cards ride a bent ring; scroll or drag to spin it with momentum, then it snaps to the nearest card as side cards fade back.
AirDrop's ripple radar — nearby people surface on expanding rings; tap one and a progress ring wraps their avatar.
Take any 3D model and render it as ASCII art
Retro 16fps pixel starfield background — grid-snapped stars twinkle in stepped fades and slowly reshuffle while pixel shooting stars streak past with fading trails.
Generative glyph grid background — two mirrored SVG panels of dots, crosses, stripes and squares, each cell swapping to a random shape on its own timer.
Cute chibi potted plants raymarched from signed distance fields on a little soft-body rig — pinch, pull, lift and toss them; they watch your cursor, blink, and morph between characters
Android's Circle to Search — enter search mode, lasso anything with a glowing stroke, and results slide up for the circled item.
iOS long-press context menu — the bubble lifts, the thread melts into blur, and the menu springs from the press point.
A desktop boots itself — one card riffles through every thumbnail, icons burst out from centre, then the dock magnifies under the cursor and windows drag, stack and pop.
The image-gen loading ritual done honestly — pure noise resolves through coarse color blobs into the sharp frame, the way a denoiser actually converges.
The iOS time-picker wheel on the web — 3D cylinder, momentum flicks, detent snapping, edge fog.
A shape-shifting AI input capsule that morphs between text, voice, thinking, and streaming states.
A springy Dynamic Island interaction with ring and timer states.
A four-card editorial chart set — rung bars, a hairline dot-line, a tick-ring dial, and a dot waffle — drawn ink-on-paper by TanStack Charts, with spring-staggered entrances and quarterly data that morphs on a loop.
Remake of the Codex effort picker, in ChatGPT's chrome or Claude's.
Dark emerald AI landing page template — hero demo types a question, reveals collapsible chain-of-thought steps and a sourced answer; feature cards, integrations marquee.
Data table filter bar — build text, number, date and option filters as editable chips with operators, or type a prompt, hit Ask AI and watch simulated filters stream in.
Sixty-two fintech dashboard cards — highlighted bars, scrubbable areas, range bands, radials, flows and more — drawn with TanStack Charts and sprung in with motion as the wall scrolls past.
Sixteen photo cards regroup between four spatial formations — a solved ellipse, an arc conveyor, a tilted ring and a swelling orbit — and scrub under drag or wheel with a parallax lean that follows the cursor.
3D animated spherical orb with flowing latitude lines and depth-based opacity
Glowing shader orb with noise-based color mixing, hue rotation, and breathing pulse
A drifting wall of photos bends away from the cursor like a gravity well, promoting whichever picture sits in the clearing — click and the whole wall pans to bring it to center.
Infinite pannable grid — drag or scroll with momentum through endless cells, indexed in a spiral out from the center and rendered only while in view.
iOS-style vertical volume slider — drag past the top and the bar stretches, past the bottom it squashes, with sigmoid rubber-band resistance and a spring back.
iOS home-screen edit mode — long-press to wobble, drag to reorder, tap the badge to remove.
Sun/moon light-dark theme toggle icon — the moon's crescent mask slides away as it shrinks into a sun, the icon rotates, and six rays pop in one by one.
Twitter style like button
Liquid-glass shader orb that morphs through material presets — siri, aurora, plasma, chrome, opal, blue drop, violet ember
A camera drifts forever across an edgeless field of fashion figures — scroll to zoom at the cursor, drag to fling, click one and it flies in while every other card dims and a glass panel slides out.
Material You dynamic color — pick a wallpaper and a tonal palette derived from its seed hue re-themes the whole system.
An endless strip of paper unrolls behind a heavy roll, printing a portfolio in its wake
Noise-displaced particle sphere with additive-blended dots and custom vertex shader
Android's 9-dot pattern lock — glowing trail, dot ripples, red shake on a wrong draw, green on unlock.
iOS picture-in-picture — flick the call window and velocity picks its corner; throw it off an edge to tuck it behind a peek tab.
Android's predictive back gesture — drag from the edge and the screen shrinks in your hand, revealing where you'll land before you commit.
Rotary dial slider — drag sideways to spin a ring of tick marks under a fixed needle; release and it springs to the nearest tick while the number readout rolls.
A shadcn-inspired application sidebar with a draggable resize handle.
The iOS screenshot moment — flash, the screen shrinks into a corner thumbnail, lingers, then swipes away.
An infinite stack of cards placed with perspective one on top of another.
The tvOS scrubber — dragging the timeline raises a filmstrip of preview frames above the playhead, rendered live from a synthetic day-cycle video.
Fastest countdown ever
Dot-matrix pixel loading spinners — 20 grid animations (wave, spiral, radar, rain, snake, heart…) with square or round dots, neon glow and rainbow hue cycling.
Material 3 Expressive split button — the trailing half rounds into a circle and flips its chevron as a native popover menu unfurls from its anchor.
Spreadsheet data grid with AI enrichment — select cells, hit Enrich and each fills in after a Generating… beat; editable cells, drag/shift selection, arrow keys, resizable columns.
An endless wheel of labels glides past a fixed center line while a giant gradient-filled figure swaps in beside it; scroll to seize the reel and it resumes on its own after four seconds.
An ASCII trading terminal drawn from box-drawing glyphs, whose screen burns into drifting embers and reassembles as the next one — scrub backwards and the same debris replays in reverse.
A replica of Tesla's climate screen — drag the airstream to aim the vents, with live temperature, fan, and seat-heat response.
Tooltip with a direction aware pixel grid background animation