Components, blocks and original art for shadcn: rich surfaces, quiet motion, and orbs. A free library under MIT, with full access to the rest.
Plain stats: a heading and description above four figures with labels, each marked by a thin left rule. Theme tokens only, light and dark.
Client store header with a centered mega menu of link-only columns, search and bag count, collapsing to a left Sheet with accordion categories when narrow. No announcement bar.
Plain team section: a heading and description above eight names with roles in four columns, each marked by a thin left rule. No photos. Theme tokens only, light and dark.
Plain team section: a heading and description beside four people, each with a name, role and one-line bio. No photos. Theme tokens only, light and dark.
Plain testimonials: a heading above three quotes on muted tiles, each with a name and role. Theme tokens only, light and dark.
Plain pricing: a centered heading above three plan cards with price, description, a checked feature list and a button; the featured plan carries a Most popular badge and the primary button. Theme tokens only, light and dark.
Eight wordmarks set in Mona Sans, told apart by weight, width and tracking. Installs Mona Sans from Fontsource with its width axis.
Card with a monthly column chart of sessions, the value printed above each rounded bar, and a footer with a trend sentence and icon plus a note. Client component on recharts 3.8.
A single-element sphere lit on one limb: a radial gradient from the lower-left corner runs transparent out to a warm rim color on the far edge. Used for moonrise effects over dark grounds.
Plain footer on a muted band: up to five link categories in a grid that sets its own column count from how many there are, and a copyright line. No dependencies.
Centered announcement bar on the muted ground with a release note, an arrow link and a dismiss button. A shorter line replaces the message below the md breakpoint.
Styled native select element with a caret icon, small and default sizes, and option and optgroup parts that keep system colors. No custom popup, so platform pickers work on mobile.
Site header built on Navigation Menu in left, centered-links and centered-logo layouts. Container queries hide links on narrow widths and wrap actions; parts include logo, links and actions.
Site navigation menu on Base UI with trigger, content, link and indicator parts. A shared popup resizes and slides between panels as the pointer moves across triggers.
Uppercase Oswald badge in gold, red, neutral and subtle tones, plus a ribbon badge with a leading mark. Ships in the Neoconstruct theme.
Neoconstruct button: hard offset shadow that presses in on hover, default, neutral, outline, ghost and reverse variants, optional mark, arrows, rotation and stripe, plus a ribbon button. Ships in the Neoconstruct theme.
Neoconstruct banner on cream paper with a hard ink rule below: a red Ribbon Badge for the seats left, the workshop notice, and a small Neoconstruct button with an arrow and an offset shadow that keeps its label on phones.
Neoconstruct's ruler-and-compass marks: wedge, slash, disc, ring, plus, square, bar and star, plus a zero-padded numeral. Ships in the Neoconstruct theme.
Overpass variable sans, bound to --font-overpass, the highway-signage face. Only Road Signs depends on it, so it installs with that component and nowhere else.
Page navigation with previous, next, numbered links and an ellipsis. Links render as anchors styled with Button; the active page takes the outline variant and sets aria-current.
Click-triggered floating panel on Base UI with header, title and description parts. Positions below and centred on its trigger by default, with a short zoom and fade on open.
Blog post listing parts: a Grid list or divided column of posts, each made fully clickable by its title link, with cover media, dotted meta for date, category and author, title and clamped excerpt.
Pricing card grid on the stock Card, using subgrid rows so titles, prices, descriptions and features align across plans. Gapped cards or a cells plate with hairline gaps; featured is a styling hook.
Billing period switch, such as monthly and yearly, built on the stock Tabs list. A controlled client component that takes a typed value and a change handler.
Centered announcement bar filled with the primary color and primary-foreground text, an arrow link and a dismiss button; the message shortens below the sm breakpoint.
Determinate progress bar on Base UI with track, indicator, label and value parts. The root renders the track automatically, so a label and value can sit above the bar.
Project brief questionnaire in a card: one question at a time with a progress bar, letter shortcuts, a conditional team-size step and name validation, ending in an answer summary with Edit answers.
The project brief questionnaire inside a Dialog opened by a Start your brief button: progress, letter shortcuts and a conditional step, with the answer summary and a Done button in the same dialog.
Step-by-step survey on the @shadcn/react questionnaire primitive with progress, choices, text input, errors and previous, skip, next and submit buttons. Choices show keyboard shortcuts in Geist Mono.
Testimonial parts: a grid, divided or masonry group whose one to four columns step on a parent Section; figures in default, centred or muted tile style; quotes in four sizes with a byline.
Base UI radio group with circular items, a filled primary checked state and a centred dot indicator. Items get an enlarged hit area and focus, disabled and invalid styling.
Bars twin of Repo Deploy: repository, branch and root-directory fields, then a monospace build log that fills on a timer, with progress drawn as segments instead of orb indicators.
An issue report card form with Area and Severity selects, a one-line subject and a details textarea, preset to Billing and Serious, ending in a Send report button.
Resizable split panes built on react-resizable-panels with group, panel and handle parts. Works horizontally or vertically, and the handle can show an optional visible grip.
Wrapper that rims its content with a currentColor glow inside and out, in dim, steady or breathing states. Can also cover the viewport as a presence overlay; breathing holds steady under reduced motion.
Thin ring spinner in five variants, portal, arc, orbit, pulse and crescent, painted from a dusty rose and teal trio set as CSS variables. Reduced motion swaps every spin for a slow breath.
North American road sign set: highway guide, exit, next services, mile marker, speed limit and warning diamond on green, blue and yellow faces. Uses the Overpass sign font and Phosphor service icons.
Teal painted panel whose paint wears away on hover to expose a pencil construction sketch, with the label switching to canvas ink. Set in Marcellus; decorative, and reduced motion skips the fade.
Base UI scroll area with a styled viewport and a thin rounded vertical scrollbar; add the ScrollBar part with a horizontal orientation for sideways overflow. The viewport takes a focus ring for keyboard use.
Billing help card with seat usage, invoice details, a focusable disabled invite action, and collapsible answers explaining the seat limit and pending invites.
Page section frame: a container-query band at three paddings around a centred 80rem column, with background, stack or split header, title group, description, width-capped content, columns and actions.
Pill segmented control on Base UI ToggleGroup: a muted track where a lifted card-ground thumb glides to the pressed item, still under reduced motion. Horizontal only; values are arrays, as in Base UI.
Base UI select with trigger, value, grouped items, labels, separators and scroll arrows. The popup aligns the selected item over the trigger by default and marks it with a check.
Base UI separator drawn as a one-pixel border-colored line. Horizontal by default; the vertical orientation stretches to the height of its flex parent.
Slim service status strip with an operational check, three uptime and latency figures and a status page link, reflowing from stacked rows to a single line as it widens.
An audio loop settings card with m:ss time fields for loop in and loop out, plus fade in and fade out fields in a collapsible section behind a show and hide toggle.
Onboarding checklist card with a read-only segmented bar counting done tasks, struck-through completed items, inline actions for open ones, a revealable CLI command and a Hide control.
Edge panel on Base UI Dialog that slides in from the top, right, bottom or left over a blurred overlay. Includes header, footer, title, description and a ghost close Button.