Introduction
An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces.
Space UI is a distribution of React components built with Tailwind CSS, Motion, and Base UI, based on the shadcn registry format. Our goal is to help anyone build tasteful, accessible, Motion‑powered interfaces while keeping sites ultra-fast, sensory, and maintainable.
Not a library—an open component distribution
Like shadcn/ui, Space UI is not a typical install‑from‑NPM library. It’s an open collection you can copy, modify, and customize directly in your codebase. This “open code” approach gives you maximum flexibility without wrapper overhead or styling workarounds.
What’s included
Animated Primitives
Core building blocks with physics and fluid animation baked in, ported and extended from Base UI.
Components & Blocks
Sensory avatars, charts, counters, carousels, tickers, and ready-to-use application blocks.
Sensory Hooks & DX
Sensory UI feedback, tactile sound system, direction controllers, and squircle tokens.
Dual Iconography
Clean vector icons harmonized with Tabler Icons for components and Lucide for headless primitives.
Why Space UI?
- Open source & copy‑first: Direct access to source so you can adapt components at their core to your design system.
- Sensory & Animation‑first: Consistent, composable physics and micro-interactions that make interfaces feel alive.
- Performance & accessibility: Sensible defaults, WCAG compliance, and reduced-motion safety.
- Base UI & Radix support: Built on headless primitives while keeping source open and fully customizable.
AI-Enhanced Workflow
Space UI is designed from the ground up to be AI-friendly, making it easier for language models to understand and modify your UI.
Global llms.txt Standard
Access our structured index of documentation, primitives, and architecture optimized for AI agents and RAG.
Agent Integration & Skills
Equip Claude Code, Cursor, Windsurf, or Antigravity with Space UI agent skills they apply on their own.