The explorer for the shadcn registry ecosystem.
[Motion Menu] "use 544".
[Motion Menu] "run it as a filmstrip with a scrub rail" — a row of frames over a rail whose marker drifts, visual only, no dragging.
[Motion Menu] "float a status pill" — a small pinned badge with a pulsing dot for save state, connection state, or build state.
[Motion Menu] "make the focus ring visible" — the accessibility detail almost everyone deletes. Tab into it and see.
[Motion Menu] "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.
[Motion Menu] "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.
[Motion Menu] "stats are <n>" — four figures in a row, divided by hairlines; reach for it as the default metrics strip above a fold or footer.
[Motion Menu] "four numbers on a rule" — hairline-separated figures with unit labels. Replace the placeholders with real figures.
[Motion Menu] "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
[Motion Menu] "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.
[Motion Menu] "run four across, full bleed" — no side padding, no gaps, four equal frames butted edge to edge.
[Motion Menu] "give me a statement CTA" — one big claim, full width, a single filled button underneath.
[Motion Menu] "give me a full-width slab CTA" — a bordered band runs edge to edge with the statement and button sitting inside it; reach for it when the CTA needs to read as a hard stop in the page, not a
[Motion Menu] "proof is <n>" — a wall of generic marks, ready to swap for real client logos; reach for it when the point is breadth, not one voice.
[Motion Menu] "fade the section out" — content dissolves into the page background before the next act starts clean.
[Motion Menu] "fill one word with the gradient" — background-clip:text on a single word inside a plain sentence, built from the two accent tokens.
[Motion Menu] "put the hairline grid behind it" — a drafting-table grid that reads as structure, not decoration.
[Motion Menu] "four up on hairlines" — a 2×2 grid divided by rules, not gaps. Swap the gradient cells for real imagery.
[Motion Menu] "dither it like halftone" — two dot grids at different scales, each masked to its own corner, so density itself does the shading.
[Motion Menu] "set it with a hanging indent" — numbered lines whose wrapped text tucks under the mark, a citation-list rhythm.
[Motion Menu] "hang the quote mark" — the opening quotation mark sits outside the text block instead of eating into the first line.
[Motion Menu] "put a footnote mark on the headline" — a superscript reference and its note, the kind of detail that reads as set, not generated.
[Motion Menu] "give me a hero with a booking status strip" — a small boxed pill with a live-looking status dot sits above the headline; reach for it when availability is part of the pitch.
[Motion Menu] "give me a hero with a spec panel" — headline on one side, a bordered key/value panel on the other; reach for it when the product has facts worth stating up front, not just a claim.
[Motion Menu] "give me a hero with a bottom meta row" — the headline sits alone up top, a small divided row of location/date/status runs along the bottom; reach for it when the hero should read like a mas
[Motion Menu] "give me a hero with a clipped reveal" — each line of the headline slides up out of its own clipped row on load, staggered, CSS only; reach for it when the entrance itself should feel consid
[Motion Menu] "one number, enormous" — a single figure carrying the whole section, with a delta chip. Use it when one number IS the story.
[Motion Menu] "give me a hero with an email capture" — the headline sits directly above a pill-shaped signup field; reach for it when the hero's whole job is the first conversion, not just the pitch.
[Motion Menu] "stats are <n>" — one number filling the space, a caption underneath; reach for it when a single figure is the entire argument.
[Motion Menu] "give me a hero with an offset image panel" — a placeholder image frame sits offset from the copy, overlapping its grid line; reach for it when the layout needs a photo but should still feel
[Motion Menu] "give me a hero with a big numeral" — a huge low-opacity number sits behind the headline like a section mark; reach for it when the page is part of a numbered series.
[Motion Menu] "give me a hero with a rotating word" — one word in the headline cycles through a short list on a CSS loop, no JS; reach for it when the product serves more than one audience and the headlin
[Motion Menu] "give me a hero with a kicker strip" — a thin, continuously scrolling label strip above the headline; reach for it when the page wants one line of motion without touching the type.
[Motion Menu] "give me a hero with a mask reveal" — two lines wipe into view from behind a clip-path mask on load, CSS only; reach for it when the entrance should feel like a curtain, not a slide-up.
[Motion Menu] "end on a horizon" — the sign-off line sinks into a glowing line at the base, like the page is setting.
[Motion Menu] "horizon glow under the fold" — a single light source at the base. The cheapest way to stop a black section reading as empty.
[Motion Menu] "stats are <n>" — three horizontal bars with one emphasised; reach for it when the story is relative size, not absolute figures.
[Motion Menu] "captions arrive on hover" — the frame stays clean until someone looks closer.
[Motion Menu] "icon rail nav" — a compact vertical stack of icon-only buttons with a current-page marker; reach for it when space is tight and labels can go in a tooltip instead.
[Motion Menu] "charge once via 261" — the same spam of clicks, with and without an idempotency key. Why nobody gets billed twice.
[Motion Menu] "open like an index card" — title, ref, and three meta rows. Archival rather than promotional.
[Motion Menu] "index the footer" — numbered link groups. Reads like the back of a book rather than a sitemap dump.
[Motion Menu] "one field and go" — a single input with the submit sitting inside it. The lowest-friction ask there is.
[Motion Menu] "CTA with one field" — a heading over a pill-shaped email capture, button built into the field.
[Motion Menu] "labels on the same line" — a dense form that still reads. For settings and short intakes.
[Motion Menu] "mention it inline" — proof folded into a sentence rather than boxed out. The least salesy form there is.
[Motion Menu] "notch the corner" — the next panel steps in from one edge. A seam with a direction.
[Motion Menu] "job queue is <n>" — a stacked list of queued jobs each carrying its own state pill; reach for it for a worker or task-queue panel. Layout only — no live jobs.