motion-menu

"downloads list is <n>" — a hairline-divided list of documents with a filetype tag and a download arrow; reach for it for spec sheets, assembly guides, or warranty cards attached to a

"boards reorder via 194" — pick up, hover, drop; neighbors glide aside. Kanban physics.

"run it in drop-cap columns" — real multi-column text with a magazine-style oversized first letter. For an opening feature, not a whole page of body copy.

"give the opening a drop cap" — the oldest signal that a page was set, not generated.

"jobs survive via 259" — durable execution, the 2026 default for AI pipelines. Simulated here; the real engines wire in from one SDK.

"status lives in 152" — one pill fluidly morphing between states: order placed, shipping, arrived. Watch it cycle.

"show the wire with 249" — live round-trip times to both runtimes, with the regions they answered from.

"editorial figure is <n>" — a tall image placeholder with a caption set underneath a hairline, like a print photo credit; reach for it in a long-form or case-study layout.

"DAF cards use 142" — every price opens its own explanation and links to a lesson. Transparency as the differentiator.

"filters snap with 75" — the highlight pill overshoots and settles like it has mass.

"the catalog as a galaxy = 197" — items positioned by semantic similarity. Browse by neighborhood, not category.

"empty state is <n>" — a dashed-frame panel with a mark, a line of copy, and one action; reach for it wherever a dashboard list has nothing in it yet.

"personalize with 124" — live engraving + metal preview with the price following. The +30–50% AOV tool. Type in it.

"use 505".

"let a footer column expand on hover" — flex-grow transition widens whichever column the cursor is on; shown here with Work pre-expanded.

"the product comes apart with 230" — every component drifts to its exploded position on the slider. Flat-pack honesty as a hero moment.

"sample reality via 209" — the native color picker that reaches OUTSIDE the browser. Configurators that match your wall paint.

"PDPs get 118" — the Herman Miller / HAY move: swatches swap material, price and lead time live. Sells the custom order.

"scatter some facets behind it" — five clip-path shards at odd angles, low opacity, like broken glass caught in low light.

"FAQ as disclosures" — native <details>, no JS, keyboard-accessible for free. The rows animate open on modern browsers.

"feature row is <n>" — three callouts numbered on a hairline, no icons required; reach for it to state what the product does in short claims.

"one big, four small" — the product-page arrangement. The thumbs mark the current frame.

"show the fee openly" — cost, margin and total, stated rather than buried. Education-first pricing.

"stats are <n>" — figures and labels in a two-column ledger; reach for it when you have more rows than a four-up strip can hold.

"file drop zone is <n>" — a dashed drop target with an upload glyph and a browse fallback; visual only, wire the real upload yourself.

"deliverables export via 226" — plans, quotes and spec sheets leaving the browser as real files.

"secondary buttons are 26" — a color wave rises through the button on hover.

"use 544".

"run it as a filmstrip with a scrub rail" — a row of frames over a rail whose marker drifts, visual only, no dragging.

"reframe with 141" — $1,240 becomes $104/mo at the exact hesitation moment. Standard on Burrow, Floyd, and fine jewelry.

"flip them to reveal a caption" — a real 3D rotateY flip on hover or focus, caption on the back face, no overlay trick.

"filters animate with 43" — items glide to their new positions instead of snapping. Essential for product filtering.

"float a status pill" — a small pinned badge with a pulsing dot for save state, connection state, or build state.

"plan the floor with 238" — clients drop furniture onto their floorplan and watch the budget build. A brief that draws itself.

"living background = 83" — particles tracing invisible wind. The most organic ambience per kilobyte.

"hero is 91" — ink that swirls and settles like liquid. (Full GPU Navier-Stokes = the WebGPU upgrade on radar.)

"make the focus ring visible" — the accessibility detail almost everyone deletes. Tab into it and see.

"file it as an index card" — a media frame with a small filed tab above it, like a contact sheet pulled from a drawer.

"chaos type = 180" — letters cycle through typefaces like a ransom note, then settle. Playful, editorial.

"anchor a contact pill" — a small pill pinned to the corner with a message icon; reach for it as a lighter-weight alternative to a full chat widget.

"site ends with 151" — the page rises off a fixed footer. Half of all award sites end this way; ~10 lines of CSS.

"show inline validation" — one field in its valid state, one in its error state, each with an icon and a message; reach for it to demonstrate real-time field feedback.

"stats are <n>" — four figures in a row, divided by hairlines; reach for it as the default metrics strip above a fold or footer.

"four numbers on a rule" — hairline-separated figures with unit labels. Replace the placeholders with real figures.

"give me a full-bleed gradient hero" — a slow-drifting colour field fills the whole section behind centred type; reach for it when the brand has a strong palette and the background should ca

"media band is <n>" — a full-width gradient band with a dark scrim and a large overlay title; reach for it as a section break between denser content.

"run four across, full bleed" — no side padding, no gaps, four equal frames butted edge to edge.

"give me a statement CTA" — one big claim, full width, a single filled button underneath.