starseam

Overview

starseam is a shadcn registry whose visual language comes from the Japanese star-riveted helmet (hoshi kabuto): surfaces are iron plates on a lacquer ground, and rivets appear only where two blocks really join. The registry holds 56 items, including a theme token layer, 54 UI components and a lib entry, and the docs site is available in Traditional Chinese, English and Japanese.

The system has two materials rather than a simple dark/light inversion: "console" (light under lacquer) and "report" (pigment on paper). There are no shadows, hierarchy comes only from fill depth or overlap, and color is reserved for severity and focus. Code highlighting uses ink shades only, and the theme ships per-language CJK font stacks.

Features

• Theme layer: 14 tokens covering the lacquer ground, plate tiers, seams, rivets, text and three severity colors.
• Plates and seams: plate, lames and seam primitives define surfaces and riveted joins.
• Full control set: Plate versions of button, input, select, checkbox, switch, slider, combobox, calendar, date picker and input OTP.
• Overlays: Dialog, sheet, dropdown, context menu, menubar, command palette, popover, hover card and toast.
• Instrument components: Label, value readouts with tabular figures, status dot, stat band, ledger and rail.
• Ink-only highlighting: A server-side Shiki theme that uses shades only and follows the mode-switching CSS variables.
• Glyph set: Hairline monochrome icons on a 24-unit grid.

Tech stack

• React, shadcn registry, Radix UI primitives
• Shiki for code highlighting

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @starseam/component-name