spaceui-dev

What problem does it solve?

SpaceUI provides a single, shareable design system and component library so teams can build consistent, themed React interfaces for Spacebot without reauthoring UI primitives or styles for every project.

Core Features & Use Cases

• Monorepo component suite: Six in-tree packages (tokens, primitives, forms, ai, explorer, icons) with 40+ UI primitives and AI chat components for building chat UIs, task management panels, and file explorers.
• CSS-first design tokens & Tailwind v4: Semantic token system, seven themes, and a Tailwind v4 CSS-first workflow that lets consumers apply consistent theming without JS token files.
• Integration patterns: Bun workspace aliases, Vite and Next.js guidance, React Hook Form + Zod form wrappers, CVA variants, and Storybook docs to streamline local development and consumption.
• Real-world example: Use the primitives and ai package to compose a task list and chat composer that shows tool_call transcripts, model selector, and task detail workflows in a project dashboard.

Quick Start

Open the repository, run the spaceui showcase locally with bun to preview components and import @spacedrive/primitives into your app for hot-reload development.