@archway-ai
ArchwayAI Registry
The shared shadcn component registry for every ArchwayAI app and client repo. One set of brand-agnostic, token-referencing primitives plus per-brand themes — fix or improve a component once, every consumer re-pulls it. Style is a parameter (the theme item), not a fork per repo.
1. Point a repo at the registry
Add this once to the consumer repo's components.json:
{
"registries": {
"@archway-ai": "https://registry.archwayai.com/r/{name}.json"
}
}2. Add a theme, then primitives
Pull the brand tokens first, then any brand-agnostic component:
npx shadcn@latest add @archway-ai/theme-house
npx shadcn@latest add @archway-ai/data-table6 items
Theme: Archway House (teal/zinc)
ThemeThe ArchwayAI house analytics theme — teal accent, zinc neutrals, mono numbers. Also the adopted theme for the Bali Body Intelligence app. Apply these brand tokens in a consumer repo, then add the brand-agnostic primitives (kpi-card, analytics-area-chart, etc.).
/r/theme-house.jsonnpx shadcn@latest add @archway-ai/theme-houseTheme: Magic Story (crimson)
ThemeMagic Story client brand tokens (crimson primary). Same component structure as every other brand — only the CSS variables differ. Apply in the Magic Story consumer repo, then add the brand-agnostic primitives.
/r/theme-magic-story.jsonnpx shadcn@latest add @archway-ai/theme-magic-storyButton
UI primitiveArchwayAI standard button built on Radix Slot and Tailwind tokens.
/r/button.jsonnpx shadcn@latest add @archway-ai/buttonAnalytics Area Chart
BlockComposed Tremor area chart with Archway formatting and tooltips.
/r/analytics-area-chart.jsonnpx shadcn@latest add @archway-ai/analytics-area-chartData Table
BlockThe canonical analytics DataTable — shadcn Table primitives wrapping TanStack Table v8 (sorting, filtering, pagination). Brand-agnostic: re-skins per theme via CSS vars.
/r/data-table.jsonnpx shadcn@latest add @archway-ai/data-tableKPI Card
BlockMetric card built on Tremor primitives with Archway styling.
/r/kpi-card.jsonnpx shadcn@latest add @archway-ai/kpi-card