Bento

Before and after: drag or use the keyboard to compare a wireframe with a finished interface, with an animated reveal and a live percentage

Voice assistant: a waveform pulses while the request is heard and transcribed, then settles as the reply slides in; hovering the mic holds the moment, clicking restarts

Ticker: a slow row of live metrics drifts one way over a faster row of changelog chips drifting the other; hover pauses a row and inks the item under the pointer

Model comparison: two models stream answers to the same prompt side by side while their latency bars race; the faster one takes the badge unless you click to pick

Prompt composer: the placeholder types out example asks on a loop while suggestion chips fill the field for real; the send button wakes up with the text and a token estimate

Cover flow: template covers fan out in perspective and the pointer scrubs the focus across the stage; left alone the gallery drifts through the set on its own

Testimonial marquee: two columns of quote cards with photos scroll vertically in opposite directions behind soft fades; hovering a column pauses it

AI analyst: a streamed reply stays in one conversation, with checkout data alongside it in wide cells; hover holds the completed answer

Editorial carousel: monochrome artwork cards advance through a collection, with live previews, arrows and keyboard-accessible slide controls

Logo marquee: two rows of typeset wordmarks drift in opposite directions behind a live customer count; hovering pauses a row and inks the mark

Agent run: queued steps progress through tool calls and results to a reviewable pull request; hover holds the completed output

Neural core: a silicon die with pulses travelling in along its traces, a breathing load halo and floating spec chips on a tilting scene

Data table: rows filter and sort live from clickable chips and column headers

Big number: a headline multiplier counts up over a ticker of supporting stats

Kanban: cards travel across three columns, with working add-card and click-to-move controls

Multiplayer canvas: named cursors move and select shapes, your own pointer joins the session

Testimonials: rotating quote cards with photographs and star ratings, hover to pause

File intake: a document drops into a zone, converts through a progress ring and lands as chips

Transcription: a live waveform with speaker-labelled transcript lines typing beneath

Notification stack: toasts slide in and stack, hover to expand the pile

Calendar: a week grid where meetings slot themselves in and a suggested slot pulses

Command palette: keycaps press themselves and a palette filters as you type

Launch: a rocket with a live exhaust plume and a dashed trajectory, hover to ignite

Payment card: a tilting card with a running balance and a settlement chip

Health gauge: a semicircular dial whose needle settles on live uptime, hover to inspect

Search lens: a magnifier springs between highlighted hits while the query cycles

Isometric layer stack: interface, API and data slabs that spread apart on hover

Cloud infra: a cloud with a load meter feeding three regional servers, hover a node for its stats

Focus timer: a live countdown dial with sweeping hand and a working pause button

Envelope: letters rise and fan out of the envelope on hover, with a reply-count badge

Edge globe: pulses travel arcs from three regions to a hub, region chips highlight their route

Phone mockup: a deployments list that streams new builds in, with hover-highlighted rows

AI rewrite: a prompt chip cycles while the message card types each rewrite over the struck-through draft

Performance histogram: 32 bars re-shape between snapshots around a deploy marker with a rolling p95 readout

Tall code editor: an SDK call types itself line by line, then the response pane lights up

Wide publish-everywhere fan: a composer card flanked by two channel cards that spread on hover

KPI card grid with counting values, drawing sparklines and delta chips, fading out at the fold

Security shield with a scanning beam, a slow dashed ring and floating compliance chips

Customer onboarding: one signup runs through a workflow, saves a contact and delivers a welcome email, with synchronized motion and replay

Collaboration orbit: avatars circle a pulsing hub on two counter-rotating rings

Wide analytics dashboard with a counting KPI, a drawing line chart and a tooltip that walks the curve

Integrations hub: source chips feed a connect node through curved connectors with travelling pulses