@glowitd/ui

The Glow design system. See the repo README for the overview and AGENTS.md for the rules.

Install

pnpm add @glowitd/ui

// next.config.ts
export default { transpilePackages: ["@glowitd/ui"] }

// app/layout.tsx
import "@glowitd/ui/styles.css"
import { GlowProvider } from "@glowitd/ui"
// wrap children in <GlowProvider>

Exports

| Path | Contents | | --- | --- | | @glowitd/ui | Everything — components, cn, hooks, toast, theming | | @glowitd/ui/styles.css | The token layer. Import once, in the root layout | | @glowitd/ui/tokens | palette, getToken, chartColors, tokenVar |

COMPONENTS.md lists every exported symbol (generated).

Layout

src/components   the components; no raw colours, no dark: variants
src/theme        GlowProvider, ThemeToggle
src/hooks        useMediaQuery, useIsMobile, useCopyToClipboard
src/lib          cn(), the token helpers
src/styles       globals.css — the single source of truth for the palette
stories          Storybook: Foundations, Components, Patterns
scripts          registry + COMPONENTS.md generator

Internal imports are relative (../lib/utils), never @/…: consuming apps compile this source directly and have no such alias.