Introduction

HextorUI is a shadcn component registry built on Base UI. Every item below is generated from public/r/*.json — the exact JSON a consumer's shadcn CLI downloads — so what you read on an item's page is what installs into your app.

What's in the registry today

48 items shipped so far — mostly the infrastructure layer that every future block depends on.

• Hextor base configPins a consumer's components.json to the Base UI flavour of the Hextor house style. Install this first.
  base
• Hextor tokensThe Hextor surface layer: font chain with Thai fallback, the multiplied radius ramp, and the tnum utility. Additive on top of whatever `shadcn init -b base` already wrote.
  theme
• Hextor data-viz & verdict palette (FROZEN)Five axis slots in fixed order plus the reserved verdict palette. Axis order and colour are frozen forever — changing either invalidates every Skill Card ever shared.
  theme
• Geist SansLatin face for the Hextor font chain. Provides --font-geist-sans, which @hextor/tokens references.
  font
• Noto Sans ThaiThai face layered under Geist, which has no Thai coverage. Provides --font-noto-thai.
  font
• Hextor brand accentOne accent for UI chrome — buttons, links, focus rings, selection — stepped for light and dark.
  theme
• Timing & size formattersformatNs / formatBytes — the display units every Hextor block agrees on.
  lib
• The five scoring axes (FROZEN)Axis keys, order, maxima and colour slots. Structure only — display copy lives with the block that renders it.
  lib
• Radar geometryradarLayout / radarRing / scorableMax — the single source of the Skill Radar silhouette.
  lib
• Skill Radar sample dataOpt-in fixtures for previewing and testing the radar — one fully-scored set, one with a withheld axis.
  lib
• HextorStore domain modelProducts, variants, carts, orders, customers and discounts, plus integer-safe money arithmetic. Shared by the storefront and the dashboard.
  lib
• HextorStore sample dataOpt-in catalogue, cart, orders, customers and discounts covering the states that are easy to get wrong.
  lib
• Application hooksPersisted state, media queries, fuzzy matching and recency ranking — the four the interaction primitives are built on.
  hook
• Verdict badge & calloutThe reserved pass/warn/serious/fail palette rendered as an inline badge and a block-level callout.
  ui
• Command paletteGrouped, fuzzy-matched ⌘K palette with nested pages, recents and shortcut hints.
  ui
• Keyboard shortcutsA shortcut registry with scoping and a searchable `?` cheat sheet generated from what is actually registered.
  ui
• Bulk action barFloating selection bar with count, actions, and an honest select-all-across-pages escalation.
  ui
• Peek panelRow detail beside the list instead of on top of it, with the list still arrow-key navigable.
  ui
• Optimistic action with undoReport the action as done, offer Undo for a window, commit when the window closes — and roll back visibly if it fails.
  ui
• Density toggleComfortable / compact, persisted, applied by attribute so nothing has to be prop-drilled.
  ui
• Skill RadarThe shareable identity object: a five-axis radar plus the accurate bar read of the same scores.
  block
• Complexity PlotMeasured Big-O: runtime against input size, with the fitted curve and the optimal reference on the same axes.
  block
• Skill CardThe shareable card: radar silhouette, headline score and mutant tally, laid out to stay legible from a 200px thumbnail to a 1080px export.
  block
• Share PanelRatio picker, live Skill Card preview and copy-link control — the surface that turns a score into something shareable.
  block
• Report SectionsThe four panels of a submission report: score block with radar and table, stage list, performance, and test quality.
  block
• Result PanelThe live submission shell: stage list, score block, performance, test quality and measured complexity, plus the states before any of them exist.
  block
• App HeaderApplication header: brand, nav with active state, a slot for auth or account controls, and a theme toggle.
  block
• Storefront componentsThe shared storefront library: header, footer, product card and grid, variant picker, price, cart line, order summary, filters.
  block
• Storefront — HomeHero, featured collections and a product grid.
  block
• Storefront — CollectionProduct grid with tag, availability and price facets, plus sorting and a result count.
  block
• Storefront — ProductGallery, variant picker driven by product options, price with compare-at, and add to cart.
  block
• Storefront — CartLine items with quantity steppers, a discount code field that explains rejections, and a totals summary.
  block
• Storefront — SearchQuery, facets and sorting, plus the two states that decide whether someone stays: nothing searched yet, and nothing found.
  block
• Storefront — AccountOverview, address book and profile, with marketing consent presented as a real choice.
  block
• Storefront — Order historyThe customer's full order list, newest first, with reorder.
  block
• Storefront — CheckoutContact, shipping address, delivery method and payment, beside a live order summary.
  block
• Dashboard componentsThe shared admin library: shell, data table, KPI tiles, sales chart, status badges, filter bar, timeline.
  block
• Dashboard — InventoryStock by variant with on-hand, committed and available shown separately, plus audited adjustments.
  block
• Dashboard — DiscountsCodes with usage against limit, the active window, and the reason a code is not applying.
  block
• Dashboard — Discount editorCode, kind, value, minimum, usage limit and window, with a live preview against a sample cart.
  block
• Dashboard — AnalyticsRevenue, orders and conversion as small multiples, plus top products, a purchase funnel and a channel breakdown.
  block
• Dashboard — SettingsStore details, currency, checkout, shipping zones, payment methods, notifications and staff.
  block
• Dashboard — OverviewRevenue, orders, AOV and conversion tiles beside a sales chart, recent orders and a low-stock list.
  block
• Dashboard — OrdersSortable, filterable order table with payment and fulfilment as separate columns and bulk selection.
  block
• Dashboard — Order detailLine items with fulfilled quantities, customer, addresses, a timeline and the totals breakdown.
  block
• Dashboard — ProductsCatalogue table with inventory, status and price range, plus search and status filters.
  block
• Dashboard — Product editorTitle, description, media, pricing, inventory, variants and organisation, with a status control.
  block
• Dashboard — CustomersCustomer table with orders count, total spent and marketing consent.
  block

Next

Start with Installation to pin your project to the Base UI house style, or read Tokens for the frozen data-viz palette.