The explorer for the shadcn registry ecosystem.
[Caliper UI] A small indeterminate indicator in four shapes.
[Caliper UI] A number with its context, change and a small trend line.
[Caliper UI] A site header whose items open frosted panels of links. Hover waits for intent, the panel resizes from one item to the next, and every link is reachable by keyboard.
[Caliper UI] An email field with consent and success states.
[Caliper UI] A friendly 404 with suggestions and search.
[Caliper UI] A numeric field with steppers, limits, a suffix and optional drag-to-scrub.
[Caliper UI] A segmented field for one-time codes with paste support and status.
[Caliper UI] A title with description, breadcrumbs and actions.
[Caliper UI] Page links with previous and next, sized for touch.
[Caliper UI] A password input with a show and hide control.
[Caliper UI] A small panel anchored to a trigger for quick settings or details.
[Caliper UI] A measured bar for work with a known size, such as an upload.
[Caliper UI] Spacing, a readable measure and quiet links for long-form markup you do not control, such as a Markdown render, release notes or a legal page.
[Caliper UI] A chunky button with visible depth: the face sits on its own edge, lifts a pixel on hover, travels down onto the edge when pressed and springs back when let go. For playful flows such as onboarding, lessons and rewards.
[Caliper UI] A native radio for choosing exactly one option from a short group.
[Caliper UI] Stars that are a native radio group: arrows change the value, a pointer previews, half steps when you need them, and a read-only average that says how many ratings it comes from.
[Caliper UI] Ink that spreads from where a surface is pressed. Drop it inside anything pressable; it listens to its parent. A held press keeps the ink until release, and Enter or Space start it from the centre.
[Caliper UI] A labelled, keyboard-focusable scroll region with a quiet scrollbar.
[Caliper UI] A search field with a clear button and the right keyboard on phones.
[Caliper UI] Segmented control, part of the Blocks family.
[Caliper UI] A styled native select for choosing one option from a short list.
[Caliper UI] A select whose list opens with the chosen option over the trigger; the platform picker on touch.
[Caliper UI] A 1px divider in the toolbar's own hairline, with a labelled form for “or continue with email”. Decoration unless you say otherwise.
[Caliper UI] A collapsible navigation rail for an app's main sections.
[Caliper UI] An email and password form with provider buttons and clear errors.
[Caliper UI] Link columns, social links and legal text.
[Caliper UI] A placeholder with the shape of the content it stands in for.
[Caliper UI] A native range input styled to match, with accessible value text.
[Caliper UI] Text with small four-point stars that bloom, turn and fade around it at uneven moments, for the one word that should feel special: a reward, a new plan, a finished setup.
[Caliper UI] A tiny trend line with no axes, for use inside text and tables.
[Caliper UI] A primary action joined to its alternatives; the chosen option becomes the label.
[Caliper UI] A bordered figure with a label, description and change.
[Caliper UI] The small status glyph beside a task: a dashed ring for backlog, an open ring for todo, a ring filling like a pie while in progress and in review, a filled disc with a tick when done and a crossed disc when cancelled. Every state is built from the same four shapes, so a change animates from one to t
[Caliper UI] Shows where someone is in a multi-step flow and lets them go back.
[Caliper UI] Colour, radius, motion and density tokens, the Tailwind adapter and a small base stylesheet. Every part needs them; import them once in your global CSS. Each part brings its own stylesheet.
[Caliper UI] Switch, part of the Inputs family.
[Caliper UI] Switch between related views of the same content without leaving the page.
[Caliper UI] People introduced by what they own and how to reach them, with their photo or, when there is none, their initials.
[Caliper UI] A recessed multi-line field that grows with the draft from 3 to 8 lines.
[Caliper UI] A light and dark toggle that changes at once or reveals the new theme with a circle, seam or wipe.
[Caliper UI] A short, dismissible message that confirms an action, with an optional undo.
[Caliper UI] A button that stays pressed, alone or in a raised group that holds one choice or many and moves with the arrow keys as a single tab stop.
[Caliper UI] Tools with one tab stop: arrows move between them, toggles sit recessed, and when the row runs out of width the last tools fold into a More menu with their state.
[Caliper UI] A short hint that appears on hover or focus, never the only way to learn something.
[Caliper UI] A dropdown for the signed-in person's identity and account actions.
[Caliper UI] Progress drawn as a travelling wave: the done part ripples while work is happening, the rest is a flat track that ends in a stop mark, and the wave lies flat once the work is finished. As a bar or a ring, with an indeterminate sweep when the amount is unknown.
[Chartshelf] A calendar heatmap for shadcn/ui charts. Uses ChartConfig and your theme tokens. Light and dark mode, empty, loading, and error states, negative values, keyboard focus, and screen reader text.
[Tactile UI] Block. “Used in production by…”, as metal name plates. Brushed aluminium or anodised black, screwed or riveted, each client’s mark cut into the metal with one quiet number under it.