Stellix UI Material
A production-ready, cross-platform component library with 77+ responsive components, 11 headless hooks, 8 theme presets, and full WCAG AA accessibility — built for Next.js, React Native, and AI-powered interfaces.
Get Started in 30 Seconds
Why Stellix UI?
Cross-Platform Parity
Same API for web and native — ship to both platforms from one codebase. No platform-specific wrappers needed.
Enterprise-Grade
77+ components, 8 themes, WCAG AA accessible. Built for teams that need reliability and scale.
AI-Native Components
Purpose-built for AI/agent UIs: Chat, Thinking, StreamingText, ToolChips, AgentStatus, and more.
Zero Config Dark Mode
8 theme presets including Midnight, Sunset, Ocean, and Forest. One-click toggle with full token swap.
Production Tested
520+ E2E tests across 4 viewports: Desktop, Tablet, Mobile, and Large Screen. Nothing ships untested.
Tree-Shakeable & Tiny
Import only what you need — unused code is excluded. Web bundle starts at 150 KB.
Component Categories
77+ components across 14 categories, from low-level primitives to high-level AI compositions.
Feedback
3LoadingState · Thinking · TaskRows
Content
3StreamingText · CodeBlock · ContextCards
Forms
3ApprovalCard · PromptBar · SelectionActions
Tables
3DiffTable · RecordsTable · FilterTable
Navigation
3Chat · Search · SidebarNav
Cards & Controls
4RecommendationCard · InsightCards · ToolChips · FineTuneCard
Primitives
12Button · Input · Badge · Avatar · Tooltip · Toggle · ...
Feedback UI
7Toast · Alert · Skeleton · Progress · Spinner · ...
Layout
7Stack · Grid · Divider · Container · Card · ...
Data Display
7DataTable · List · Timeline · Stat · GaugeChart · ...
AI / Agent
6Chat · Thinking · StreamingText · ToolChips · AgentStatus · ContextCards
Compositions
6Dashboard · InsightCards · FineTuneCard · ApprovalCard · ...
Animations
10FadeIn · SlideUp · Pulse · Shimmer · TypeWriter · ...
Themes
2ThemeProvider · ThemePlayground
Packages
| Package | Purpose | Includes | Size |
|---|---|---|---|
| @stellix/ui-web | 77+ web components (Tailwind + Heroicons) | 77+ | 150 KB |
| @stellix/ui-native | 40 React Native components (NativeWind) | 40 | 41 KB |
| @stellix/ui-core | 11 headless hooks + TypeScript types | 11 hooks | 10.5 KB |
| @stellix/ui-tokens | Design tokens, 8 themes, CSS variables | 8 themes | 4.6 KB |
Platform Support
Web
- ✓ Next.js 14+ (App Router & Pages)
- ✓ Tailwind CSS v3 / v4
- ✓ React 18+ with Server Components
- ✓ TypeScript-first, full type coverage
Native
- ✓ React Native 0.73+
- ✓ Expo SDK 50+
- ✓ NativeWind v4 styling
- ✓ iOS & Android with shared API