Playground
Back to site
Everyday
/
OTP Code Input
Type the code and each digit clicks into its slot. Get it wrong and the row shakes it off; get it right and it lights up green. Paste works too. Set the length, the shake and whether it jumps to the next slot in Settings.
AI
16
Generative UI
Answers that build themselves.
Agent Run Timeline
A live timeline of an agent at work.
Voice Orb
An animated orb for an AI voice.
Streaming Text
An AI reply that streams in, word by word.
Inline Citations
Source markers that peek before you click.
Pipeline
Wire up an AI automation, then run it.
Chat Composer
A chat box that grows as you type.
Live Transcript
Words on screen as they're spoken.
Second Brain
Notes that find each other.
Push to Talk
Hold to talk, slide away to take it back.
Voice Bars
A live waveform for a voice.
Tool Call Steps
An agent showing its work, step by step.
Suggested edits
AI edits you can take or leave.
Starter Prompts
Suggestions for an empty chat.
Context Meter
A fuel gauge for your context window.
Thinking Indicator
An animated thinking state for AI chat.
Everyday product UI
11
Swipe Deck
Swipe right on the good ones.
Toast Stack
Notifications you can fan out and flick away.
Avatar Stack
Everyone's here. Hover to fan them out.
OTP Code Input
Six little slots that know the code.
Scrubbable Metric Card
Drag the line, read any day.
Undo Rewind
Delete it, then rewind the tape.
Peek Links
Links that show you where they go.
Seen Receipts
Watch everyone catch up.
Shuffle Sort List
Drag a row and the rest make room.
Number Ticker
Numbers that roll in like an odometer.
Plain-Language Date Picker
Say when, in your own words.
For fun
41
Split-Flap Display
Letters that clatter into place.
Dock Magnification
Icons that swell as you pass.
Holo Card
Tilt it to catch the light.
Like Burst
Tap the heart, watch it pop.
Scratch-Off Reveal
Scratch the foil, see what you won.
Squishy Toggle
A switch with a little give.
Signature Pad
Ink that swells when you slow down.
Reorg Chart
Drag anyone to a new boss. Their team comes too.
3D Logo
My logo, now with a back side.
Shredder Delete
Shred it. Then change your mind.
Bookshelf Tabs
Pull a book to switch docs.
Minimap Navigator
You are here. Drag to be elsewhere.
Jelly List
Scroll fast. It wobbles to keep up.
Bubble Wrap Select
Pop to pick. Puff to put back.
Sticky Note Board
Peel it off, stick it anywhere.
Elevator Pagination
Going up? Every page is a floor.
Stamp Approve
Signed, sealed, thunked.
Racing Poll
Every vote is a photo finish.
Brimming Character Counter
Fill it to the brim. Not past it.
Paint Mix Color Picker
Mix your own color, one dab at a time.
Gravity Drop Zone
Drop files in and watch them pile up.
Magnetic Tag Input
Tags that stick like fridge magnets.
Streak Flame
A streak you have to keep alive.
Breathing Focus Timer
A focus timer that breathes with you.
Rubber-Band Refresh
Pull to refresh, then let it snap.
Hourglass Loader
Progress, one grain at a time.
Morphing Status Pill
A little pill with a lot going on.
Receipt Printer
A receipt that prints itself, line by line.
Liquid Scroll Progress
A reading bar that sloshes as you scroll.
Radial Menu
A menu that blooms where you click.
Time Dial
Wind the hands to pick a time.
Paper Fold Accordion
Unfolds like a letter.
Reaction Fan
Hold for a handful of feelings.
Live Cursors
Company for your cursor.
Mood Slider
A slider that smiles back.
Shy Password Field
It won't look. Mostly.
Pull-Cord Switch
Pull the chain, flip the lights.
Magnetic Buttons
Buttons that lean in when you get close.
Charge Button
Hold longer, do more.
Rotary Knob
A dial that clicks into place.
Gooey Tab Bar
Tabs that pour into place.
Enter the code
We texted it to (555) 010-4821.
Get it wrong to see the shake.
New code