Component system
38 components exported through a TypeScript entry point, covering forms, navigation, data, and overlays.
← Back to projects
Project notes / sage-ui
Sage UI Kit
A React component library and showcase for application interfaces.
UI component libraryProblem & context
A React component library and showcase for application interfaces.
Business domainDeveloper tooling / UI components
Technology stackReact · TypeScript · Vite · Radix · Lucide
StatusA React library with its own package and showcase.
Architecture & Infra
Deployment structure and processing flow.
React application→Sage components→CSS tokens / Radix
Current architecture
A React + TypeScript library built on CSS tokens and Radix primitives. React and related libraries are externalized in the library build; the showcase uses Vite.
Infrastructure & operations
Built with Vite to produce a static bundle serving the client interface and assets.
Selected features & implementation
Theme & design tokens
CSS is scoped under the sg- namespace, with light/dark themes and a ThemeProvider. Applications import the stylesheet separately.
Interactive showcase
Interface examples use local state to demonstrate interactions. Library and showcase builds are separate.