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

17 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
• 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
• Verdict badge & calloutThe reserved pass/warn/serious/fail palette rendered as an inline badge and a block-level callout.
  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

Next

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