A comprehensive component library built with Figma design specifications. All components follow consistent patterns for typography, spacing, colors, and interactions.
Text styles including h1-h4, display, paragraph, labels, and more with color variants
Interactive button component with primary, secondary, and tertiary variants
Text input field with clearable option and elevation shadows
Dropdown select component with checkmark indicators
Multi-line text input matching input styling
Container component with surface background and elevation shadow
Contextual menu with items, separators, checkboxes and submenus
Floating panel for rich content like credits balance, notifications
Lightweight chip component for labels, categories, or keywords
All components share the same design tokens for colors, typography, spacing, and shadows. This ensures visual harmony across the entire application.
Components are built with semantic HTML elements and proper ARIA attributes. Color contrasts meet WCAG guidelines.
Lightweight components with minimal dependencies. CSS variables enable efficient theming without JavaScript overhead.
Full support for light and dark themes through CSS variables. Colors automatically adapt to the user's preference.
Import components from the design system and start building consistent UIs.