UI
A comprehensive design system and UI component library built with shadcn/ui, React, TypeScript, and Tailwind CSS. Features a robust theming system, accessibility-first components, and developer-friendly APIs. Includes 40+ components including buttons, forms, data tables, calendars, and more. Used across multiple projects for consistent design and rapid development.
Installation
Technologies
Overview
Get started with this package by understanding its core purpose and capabilities.
A comprehensive design system and UI component library built with shadcn/ui, React, TypeScript, and Tailwind CSS. Features a robust theming system, accessibility-first components, and developer-friendly APIs. Includes 40+ components including buttons, forms, data tables, calendars, and more. Used across multiple projects for consistent design and rapid development.
Theme Awareness
Built-in support for light and dark themes
Every component in the UI library has theme awareness built in. Components automatically adapt to light and dark themes using CSS custom properties and semantic color tokens. No additional configuration is required—components will respect the theme context from your application.
Usage
Learn how to use this package in your projects with practical examples.
Basic Usage
API Reference
Comprehensive API documentation for all exports and utilities.
Each component in the UI library has comprehensive API documentation with detailed prop descriptions, examples, and usage guidelines. Explore the component showcases below to view the complete API reference for each component.
Component Showcases
Browse all components organized by category with interactive examples and complete API documentation
Style Props Documentation
Learn about the comprehensive style props system that provides consistent spacing, layout, flexbox, grid, and sizing utilities
Key Features
Discover the main features and capabilities of this package.
Key Metrics
• 40+ reusable components
• Accessibility-first design
• Full TypeScript support