The explorer for the shadcn registry ecosystem.
[Motion Menu] "run it down a timeline rail" — dated entries on a vertical line. History, roadmap, or process.
[Motion Menu] "shift the tone at the seam" — the section background itself changes across the band, not just a rule.
[Motion Menu] "topographic rings behind it" — concentric contours, like a survey map. Depth without a single image.
[Motion Menu] "body copy with a margin note" — the printed-page move: a narrow annotation column beside the text.
[Motion Menu] "2FA code boxes" — six separated digit boxes with a resend link and nothing else competing for attention; reach for it right after a sign-in card.
[Motion Menu] "compare two panel is <n>" — two options side by side split by a centre rule, each with its own short spec stack; reach for it when a buyer is choosing between exactly two things.
[Motion Menu] "give them two doors" — ready now versus not yet. Both are a yes; only one is a purchase.
[Motion Menu] "stack a huge word over a tiny one" — a display-size word with a mono caption underneath, the ratio doing the hierarchy.
[Motion Menu] "split the footer in two tones" — a contact half and a legal half, divided by a rule.
[Motion Menu] "use 410".
[Motion Menu] "underline-slide nav" — a single rule that glides beneath whichever link is hovered or focused; reach for it on a marketing nav where restraint is the point.
[Motion Menu] "usage meters are <n>" — a stack of labelled bar meters with a value readout; reach for it for quota or capacity panels. Layout only — no live measurement.
[Motion Menu] "usage ladder is <n>" — a vertical rail of usage bands from free up to a custom top rung; reach for it for metered or consumption-based pricing.
[Motion Menu] "swatch picker is <n>" — a colour/finish choice as real radio inputs with no JS; reach for it wherever a product has variants to choose between.
[Motion Menu] "code entry is boxed" — six separated digits with a focus ring. The step everyone builds badly.
[Motion Menu] "run a vertical tag beside the headline" — a rotated writing-mode label doing the job a kicker usually does, without eating a line.
[Motion Menu] "video block is <n>" — a gradient poster frame with a play button and a caption row; drop in a real video element later, the layout is the point.
[Motion Menu] "frame it with a vignette" — an inset hairline and a soft darkened edge. Makes any panel feel deliberate.
[Motion Menu] "trust the hooks via 255" — payload signed client-side, verified server-side; flip one byte and watch it get rejected.
[Motion Menu] "weight one clause, not the size" — a single sentence where the emphasis clause jumps in font-weight, not size, so the page stays quiet.
[Motion Menu] "show only what CHANGES between tiers" — the rows that are identical are noise. Cut them.
[Motion Menu] "in the box is <n>" — a numbered itemised list of what ships, each line with a quantity; reach for it right after the buy button to set expectations before checkout.
[Motion Menu] "give me a what's-included panel" — a checked list of what the price covers, with the number underneath; reach for it when the sell is completeness, not comparison.
[Motion Menu] "spread the labels edge to edge" — a bordered row of words at maximum letter-spacing, justified to the full width.
[Motion Primitives] A collapsible content component with smooth animations for showing and hiding content.
[Motion Primitives] A component that provides animated background effects for UI elements.
[Motion Primitives] A container component that applies coordinated animations to a group of child elements.
[Motion Primitives] A component that animates number changes with smooth transitions.
[Motion Primitives] An effect that creates animated border trails around elements on interaction.
[Motion Primitives] A component for cycling through elements with smooth transitions.
[Motion Primitives] A custom cursor component with animated effects and interactions.
[Motion Primitives] A modal dialog component with smooth entrance and exit animations.
[Motion Primitives] A component that shows and hides content with animated transitions.
[Motion Primitives] A macOS-style dock component with scaling and movement effects.
[Motion Primitives] A component that creates a glowing effect on elements based on cursor movement.
[Motion Primitives] A component for comparing two images with an interactive slider.
[Motion Primitives] A slider component that loops infinitely through its content.
[Motion Primitives] A component that triggers animations when elements enter the viewport.
[Motion Primitives] A component that creates a magnetic attraction effect on hover.
[Motion Primitives] A dialog that morphs from its trigger element with smooth transitions.
[Motion Primitives] A popover component that morphs from its trigger with fluid animations.
[Motion Primitives] A component that applies progressive blur effects to elements.
[Motion Primitives] A component that visualizes scroll progress with animated indicators.
[Motion Primitives] A component that transitions between numbers with a sliding animation.
[Motion Primitives] A component that animates text with a spinning rotation effect.
[Motion Primitives] A component that creates a spotlight effect following cursor movement.
[Motion Primitives] A component that applies animated effects to text content.
[Motion Primitives] A component that cycles through different text phrases with animations.