motion-menu

"live configurator is <n>" — one row of radio options updates a preview swatch AND a caption elsewhere on the page, pure CSS, no JS; reach for it wherever a choice should visibly chang

"visitors persist via 251" — a real Postgres table behind RLS policies. State that survives the tab.

"add 105" — other shoppers visible as ghost cursors + live counts. Social proof you can feel. (Supabase Realtime in production.)

"the room breathes with 252" — websocket presence: who's here right now, joining and leaving live.

"masthead = 89" — huge letters filled with a moving color field (or video, in production). One CSS property.

"activity feed is <n>" — a timestamped list of events on a hairline timeline; reach for it as a log or audit panel on a dashboard. Layout only — no live events.

"use 114's library" — this noise field is built from LYGIA's shader functions, fetched and resolved live. Hundreds of ready shader parts for E/F/K work.

"sign-in is a magic link" — one field, no password. The visual only; wire it to your own auth.

"magic-link split" — copy on one side, a single email field on the other, no password field at all; reach for it for a lower-friction, passwordless entry point.

"all CTAs are 22" — buttons pull toward the cursor, then elastic-snap back. Bonhomme signature.

"number the clauses down the margin" — a real ordered list with CSS-counter line numbers hung in the gutter, the way a contract or spec reads. Not a ledger — flowing sentences, not label/val

"teach the 20% via 219" — a slider showing what different margins would do to service quality. Radical transparency as a lesson.

"mark a phrase in the text" — one phrase gets a gradient underline instead of a full highlight box.

"mark the phrase" — a hand-drawn-feeling underline under the words that matter.

"put a scrolling alert above the nav" — a thin ticker strip carries one line of status, the plain link row sits underneath it.

"run the title as a band" — the headline itself travels. Loud, and it earns the noise by being the only motion.

"footer rides a marquee" — a slow ticker strip seals the page, compact bar underneath.

"run it as a marquee" — small frames scrolling in an unbroken loop, the set duplicated once so the seam never shows.

"masonry it three across" — native CSS columns, uneven heights, no JS layout pass.

"materials list is <n>" — a stacked list of materials, each with a small swatch chip and a value; reach for it to spell out what a thing is made of.

"media card is <n>" — a thumbnail card with a duration pill and a hairline under the title; reach for it in a video or course listing.

"chapter the video" — timestamps beside titles. Turns a long recording into something navigable.

"media grid is <n>" — four placeholder cells where one spans double width as the feature; reach for it as a lightweight gallery or portfolio teaser.

"open a mega menu" — grouped columns with a featured cell. What a real catalogue navigation looks like.

"give me a minimal arrow CTA row" — just two understated arrow links side by side, no button, no card; reach for it when the page has already made its case and the close should be quiet.

"give me a minimal hero" — type and a single hairline, nothing else; reach for it when the brand's confidence is the point and every extra element is noise.

"close it out with a minimal sign-off" — a hairline rule, a wordmark, three links, nothing competing for attention.

"showroom floor = 201" — the product doubled in a soft reflection. Instant premium staging.

"pair a portrait with a landscape" — deliberately different aspect ratios sitting on the same baseline.

"pair a mono label with a display line" — a small uppercase eyebrow over a large display headline, the standard editorial stack.

"give me a monthly/annual toggle" — a switch flips the displayed price between monthly and annual, built on a hidden checkbox with no JavaScript; reach for it when the plan itself doesn't ch

"clients play with 120" — shop-the-room in reverse: visitors compose their space from your catalog. Engagement that converts to carts.

"living shape = 32" — organic vertex-displaced form, endlessly breathing.

One Lenis physics, one ticker, and the mount-on-view / destroy-on-exit lifecycle every WebGL pattern depends on. Install once per app.

"multi-step form is <n>" — step 2 of 3 with a segmented progress rule above the fields; reach for it when a long form needs to feel like a short one.

"multistep signup is <n>" — a three-step indicator over the current step's field; the visual only, wire it to your own signup flow.

"sliders = 87" — browser-native snap carousel, momentum and physics included. Drag/swipe it.

"file tree is <n>" — native <details> folders holding indented file rows, keyboard-operable with no JS; reach for it as a compact file or resource browser inside a dashboard.

"device approval is <n>" — a new-sign-in card with device rows and Approve/Deny; the visual only, wire it to your own session security.

"newsletter with consent is <n>" — a short signup field with an inline opt-in line beneath; reach for it wherever a footer capture needs to look deliberate about consent, not bolted on

"footer needs a signup field" — copy on top, an underline-style email field with no visible box, in keeping with the rest of the page.

"no dead ends — 243" — NN/g's false-floor fix: if a section ever looks finished, people stop. Cut-off type + peek + idle nudge.

"wash it with noise" — an SVG turbulence grain over a gradient. The thing that stops flat colour looking cheap.

"alert stack is <n>" — a vertical stack of dismissible-looking alert cards, edge-marked by severity; reach for it as a notification panel on a dashboard.

"mark the act on the rule" — a numbered pill (02 / 07) riding an otherwise plain hairline, placed off-centre.

"give it a chapter number" — a big set numeral, a kicker, and the title, the way a printed section opener reads.

"pull a numbered statement" — an oversized index numeral beside a short claim, the editorial way to call out one idea.

"two numbered quotes" — indexed like footnotes. Reads as record rather than marketing.