@hirael

Chip-based multi-select with command-palette dropdown, search, select-all and async loader. Compound and single-prop APIs.

Two-thumb slider paired with synced number inputs. Min/max/step, currency or unit formatting, keyboard-first.

Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.

Chip input with paste-to-split, dedupe, validation hook, max tags. Compound and single-prop APIs.

Searchable select on Base UI: single or multiple selection, chips, grouped options, an input addon slot and a clear button.

Autocomplete single-select that defers loading until open and pages through results on scroll. Debounced server-side search with a pluggable lazy paginator hoo…

Show/hide toggle with an optional pluggable strength meter. Compound and single-prop APIs.

Locale-aware grouping with currency-symbol prefix and configurable decimal precision.

Country dial-code dropdown with E.164 output. Compound and single-prop APIs.

Drag-drop + click upload zone with previews, accept and max-size validation. Compound and single-prop APIs.

Compact metric card with label, value, and an up/down/flat trend chip. Compound and single-prop APIs.

Star rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes.

Vertical event timeline with default or icon dots, tone variants and labelled time / title / description parts.

3D tactile keycap with hover lift and pressed states. Compound API with KbdGroup for chords and KbdDisplay for inline keys.

MDX-style admonition with info / success / warning / error / neutral variants and optional icon override. Ships --info / --success / --warning theme tokens.

Fixed reading progress bar. Tracks document scroll by default or a scoped container ref.

Full-bleed hero card over an animated light-beam shader, with a glass pill nav, a trust badge, a serif headline, dual CTA and a three-stat footer.

Centered hero over animated grayscale gradient bars, with a live pill, a serif headline with an underlined accent, dual CTA and a wordmark strip.

Editorial centered hero on a faded grid, with a serif headline, sub-copy, dual CTA and a logo cloud of customer wordmarks.

Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA aligned to the bottom.

Full-bleed hero card over an animated aurora shader, with a glass pill nav, a glass content panel, a serif headline, dual CTA and an avatar social-proof row.

Three alternating feature rows, each pairing a stylized Tailwind-only mock UI with a copy column (eyebrow, headline, paragraph, 3-item checklist).

Section header above a 3-column, 2-row grid of bordered feature cards with lucide icons, headlines and short blurbs.

Three-tier card row with a featured middle plan. Each card lists price, blurb, feature checklist and a primary or outline CTA.

Compare-by-feature pricing table with sticky tier header (tier name, price, CTA) and ~8 feature rows below.

Centered single quote with stylized open-mark, author block (avatar, name, role, company) and a muted wordmark row below.

Masonry quote grid (CSS columns) with ~6 bordered quote cards of varying length and author rows.

Framed CTA card with corner marks, headline + sub-copy on the left, dual buttons stacked on the right.

Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word, and an inline install command.

Full-bleed CTA card with an animated dithered shader backdrop, a live status pill, a serif headline and a pill action button.

Two-column FAQ: sticky heading + contact card on the left, numbered accordion on the right.

Centered heading with two-column accordion grid below. Each row tagged with a Qn index.

Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.

Framed single-column FAQ with side rules, a centered display header, five topic groups each pairing a heading with its own accordion, and a support footer line.

Centered login card with monogram, email + password (using the password-input component), remember-me, divider and GitHub / Google providers.

Two-pane login: form on the left, dark testimonial panel with quote and metrics on the right. Uses the strength-meter variant of password-input.

Centered signup card with monogram, name + email, strength-meter password-input, terms checkbox, divider and GitHub / Google providers. Validates inline on sub…

Centered reset-request card: email with inline validation and a pending submit, swapping to a check-your-inbox state that echoes the address with resend and ba…

Centered verification card with a six-box code input built in the block: auto-advance, backspace, paste distribution and arrow-key focus, plus a 30s resend cou…

Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down mobile menu.

Brand + tagline column alongside Product / Company / Resources link columns, with a copyright row and social icons below a thin rule.

Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' suggested-routes list.

4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.

Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.

SV gradient + hue slider with HEX / RGB / HSL tabs, eyedropper (where supported) and recent swatches.

Overlapping avatar group with size (sm/md/lg) and spacing (tight/normal/loose) variants, image or fallback support, numeric overflow chip, and asChild on items…

Top-of-page banner with default / primary / muted tones, optional dismiss button and localStorage persistence.

Centered eyebrow + headline above a 5-column bordered wordmark grid, with stat strip and case-study link below.

Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel l…

Editorial blog index with a featured post on top and a 4-column grid of post cards underneath. Built on Card and Badge.

Product grid with category filter pills, sale and new badges, wishlist toggles, star ratings, compare-at pricing and per-card add buttons.

Shopping cart with quantity steppers, removable line items, promo-code validation, a free-shipping threshold, live totals and an empty-cart state.

Operations dashboard with Tabs date-range switcher (1d / 7d / 30d / 90d), 4-up metric strip, weekly bar chart and a recent-activity feed. Data switches live wi…

Analytics dashboard with a date-range select, four sparkline KPI tiles, a layered two-series area chart, and top-pages and channel-share side cards.

Revenue dashboard with a month stepper, plan-mix donut and legend, invoice status list and a transactions table with status dots and a pagination footer.

Commerce operations dashboard in a card-in-card style: four inset stat tiles, a Today band pairing an hourly two-series revenue chart with ad-budget and peak-h…

Observability dashboard composed as one bordered lattice: greeting strip with range select, four sparkline KPI cells, cache and duration chart cells, an AI-ins…

Two-column integrations section with copy and feature list on the left, orbit diagram (central hub + 7 logo spokes connected by dashed rays) on the right.

Studio-style masonry gallery with Tabs-driven category filter, real photo tiles via next/image, varied aspect ratios, hover zoom + arrow chip and an Empty fall…

Drop-in admin shell layout built on the shadcn Sidebar primitive: collapsible icon-rail sidebar with nav badges and a footer profile row, sticky topbar with br…