The explorer for the shadcn registry ecosystem.
[Motion Menu] "set the body in two justified columns" — a magazine-style column split with a hairline rule between them.
[Motion Menu] "sessions decoded via 263" — the token every API checks, taken apart live: tamper with any part and verification fails.
[Motion Menu] "add a keyboard hint bar" — a search trigger with a kbd-styled shortcut badge, ⌘K, sitting at the end.
[Motion Menu] "KPI header is <n>" — a row of metric tiles over a hairline filter bar; reach for it as the top of a dashboard page, above the working view. Layout only — wire real numbers in.
[Motion Menu] "divide the acts with a labelled rule" — names the next act, which is what stops a long page feeling lost.
[Motion Menu] "set a lead and a dek" — the newspaper pairing: a heavy line, then a lighter one that carries the detail.
[Motion Menu] "availability strip is <n>" — a thin status line with a pulse dot and a lead-time readout; reach for it under the price to set delivery expectations.
[Motion Menu] "open the section with the lede" — eyebrow, rule, oversized opening paragraph. The editorial entry point.
[Motion Menu] "just a legal bar" — one thin row: copyright and terms on one side, a status dot on the other.
[Motion Menu] "end the page on a big let's-talk" — the type does the selling; one line, one link, one accent word.
[Motion Menu] "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.
[Motion Menu] "sign-in is a magic link" — one field, no password. The visual only; wire it to your own auth.
[Motion Menu] "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.
[Motion Menu] "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
[Motion Menu] "mark a phrase in the text" — one phrase gets a gradient underline instead of a full highlight box.
[Motion Menu] "mark the phrase" — a hand-drawn-feeling underline under the words that matter.
[Motion Menu] "run the title as a band" — the headline itself travels. Loud, and it earns the noise by being the only motion.
[Motion Menu] "footer rides a marquee" — a slow ticker strip seals the page, compact bar underneath.
[Motion Menu] "masonry it three across" — native CSS columns, uneven heights, no JS layout pass.
[Motion Menu] "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.
[Motion Menu] "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.
[Motion Menu] "chapter the video" — timestamps beside titles. Turns a long recording into something navigable.
[Motion Menu] "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.
[Motion Menu] "open a mega menu" — grouped columns with a featured cell. What a real catalogue navigation looks like.
[Motion Menu] "agents shop the menu — 258" — 2026's rule: without an MCP surface your systems are invisible to AI. The catalog serves humans AND agents.
[Motion Menu] "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.
[Motion Menu] "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.
[Motion Menu] "close it out with a minimal sign-off" — a hairline rule, a wordmark, three links, nothing competing for attention.
[Motion Menu] "pair a portrait with a landscape" — deliberately different aspect ratios sitting on the same baseline.
[Motion Menu] "pair a mono label with a display line" — a small uppercase eyebrow over a large display headline, the standard editorial stack.
[Motion Menu] "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
[Motion Menu] "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.
[Motion Menu] "multistep signup is <n>" — a three-step indicator over the current step's field; the visual only, wire it to your own signup flow.
[Motion Menu] "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.
[Motion Menu] "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.
[Motion Menu] "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
[Motion Menu] "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.
[Motion Menu] "wash it with noise" — an SVG turbulence grain over a gradient. The thing that stops flat colour looking cheap.
[Motion Menu] "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.
[Motion Menu] "mark the act on the rule" — a numbered pill (02 / 07) riding an otherwise plain hairline, placed off-centre.
[Motion Menu] "give it a chapter number" — a big set numeral, a kicker, and the title, the way a printed section opener reads.
[Motion Menu] "pull a numbered statement" — an oversized index numeral beside a short claim, the editorial way to call out one idea.
[Motion Menu] "two numbered quotes" — indexed like footnotes. Reads as record rather than marketing.
[Motion Menu] "explain it as a step ladder" — numbered rows on a rule. For process, onboarding, or how-it-works.
[Motion Menu] "offset the pair" — two panels at different heights with a caption between. Reads composed rather than tiled.
[Motion Menu] "onboarding ring is <n>" — a conic-gradient progress ring beside a step checklist; reach for it as a setup-completion card. Layout only — wire real step state in.
[Motion Menu] "one-off versus subscription is <n>" — two offers either side of a plain or; reach for it whenever a buyer can pay once or pay monthly for the same thing.
[Motion Menu] "ask one question at a time" — the typeform shape. Less intimidating than a wall of fields.