motion-menu

"acts dissolve through 242" — both scenes render to textures; a noisy edge blends them. How award pipelines hand one world to the next.

"labels decode with 09" — glyph noise resolves into words. Tech/lab flavor; use sparingly.

"terms consent gate is <n>" — a fixed-height scrollable terms box with a fade edge, gating a dimmed Continue button until the checkbox is checked, via :has(); reach for it wherever agr

"add the scroll cue" — a travelling dot on a hairline. NN/g: every act needs a visible continuation cue or it reads as the end.

"showcase spins with 31" — the object's rotation is welded to your scrollbar. Scroll up and down over this card.

"product assembles with 48" — a frame sequence scrubbed by scroll. The Apple AirPods technique (in production: rendered image frames).

"let the categories scroll and snap" — a horizontal row of filter chips with native scroll-snap, edges faded to show there is more. For catalogues with too many categories for one row.

"show the scrub marks" — a play frame over a progress rail with tick marks at the chapter breaks and a thumb sitting mid-scrub.

"type is geometry — 235" — crisp signed-distance-field text in WebGL, sharp at any zoom. Type your own headline into the scene.

"search is 51" — semantic search: "something my mother would wear to a wedding" returns the right products, not keyword misses.

"search with chips is <n>" — a search field with a row of togglable filter chips underneath; reach for it on any listing or catalog page.

"count the sections" — current over total, fixed in a corner. Orientation is what stops a page feeling endless.

"segmented picker is <n>" — a pill-shaped radio group that reads as one control; reach for it instead of a dropdown when there are 2-4 real choices.

"segmented pill switcher" — a real three-way radio control with a pill that slides to the checked option; reach for it for view toggles, not page navigation.

"tab switcher is <n>" — a segmented-control tab row swapping the panel below via radio inputs, no JS; reach for it to switch between Overview/Details/Logs style views inside one dashbo

"brand the chrome with 178" — selection color + scrollbar styling. The cheapest polish nobody skips on award sites.

"launch page = 108" — the true Apple mechanism: a rendered frame sequence scrubbed by scroll. In production the frames come from the desktop GPU render rig.

"links unfurl via 257" — a function draws the social card on demand: one endpoint, infinite personalized images.

"progress streams via 248" — Server-Sent Events from a live function. The primitive under every AI typing effect and build log.

"services read as 144" — design through decommission as one continuum. Clients see the whole relationship, not a transaction.

"session gate" — blurred generic content behind a lock and a sign-in prompt; reach for it wherever a page needs to say you're logged out without leaking what's behind it.

"settings panel is <n>" — a labelled group of setting rows, each with a control aligned right; reach for it as an account or config screen inside a dashboard.

"atmosphere behind hero = 40" — slow procedural smoke. Deeper than 06, cheaper than 27.

"brand mark breathes with 45" — vector shapes flow between forms. Logos, icons, section dividers.

"carry it across via 241" — one element persists through the seam, scrubbed and reversible. The single-continuous-surface trick.

"split one bar by share" — proportions in a single rule, legend underneath. Clearer than a pie, always.

"pass a sheen through it" — one hard-edged band of light crossing the panel on a loop, like brushed metal catching a window.

"answers resolve via 196" — skeleton shimmer crystallizing into words, line by line. How 2026 AI products feel fast.

"metallic type = 62" — a light band sweeps through the letters forever. Zero JS.

"editorial sells with 135" — tap the pulsing dots inside the scene. Photography becomes a storefront.

"walk the room via 232" — a camera on a spline path through a furnished interior, scrubbed by scroll. The Igloo Inc. archetype.

"sidebar marker nav" — a vertical rail where a thin accent bar tracks the hovered or focused item; reach for it on dashboards and account settings panels.

"add a side page index" — a vertical rail of dots and labels down the edge, the active section shown larger and lit.

"sign-in card" — an email-and-password card with generous spacing and a quiet accent on focus; the default when a client just needs a login screen.

"close it with the sign-off rule" — hairline, wordmark, links, a live status dot. The quietest possible ending.

"give me a single-price panel" — one plan, one number, stated plainly; reach for it when there is nothing to compare and the offer is intentionally simple.

"full sitemap footer" — grouped column links over a legal bar. The one every real site eventually needs.

"size selector is <n>" — a row of size buttons over a live dimension readout, radio inputs only; reach for it wherever a product ships in more than one size.

"sizing = 125" — calibrate against a bank card, then sizes render at TRUE physical scale. The returns-killer.

"loading states use 77" — content shape shimmers before data lands. This one loads on a loop.

"cut the tabs on a skew" — interlocking parallelogram tabs built from a skewed pseudo-element, not a clip-path chevron; reach for it on a secondary section nav that wants an edge.

"wire up skip to content" — off-screen until keyboard focus, then it snaps into view; reach for it on any page with real navigation chrome above the main content.

"living veins = 160" — thousands of agents finding paths like Physarum. Organic infrastructure, growing live.

"story mode = 90" — full-frame chapters with position dots. Decks, manifestos, product tours.

"browse it as a snap strip" — native CSS scroll-snap, no carousel library, works with a trackpad and a thumb.

"the site hums with 169" — the missing sensory channel (~70% of award winners ship audio). Off by default, always.

"let one cell span two columns" — a three-column grid where a single frame breaks the rhythm on purpose.

"stats are <n>" — a figure with its own trend line inline; reach for it when the shape of the number matters as much as the number.