Inputs
Trigger actions or events with customizable button variants.
Allow users to select multiple options from a set.
Calendar-based date selection component.
Dropdown menu for selecting from predefined options.
Drag-and-drop or click-to-upload file input.
Input field that explodes on focus.
Single and multi-line text input with validation support.
Select a single option from a group of choices.
Display and collect user ratings with stars.
Select values from a continuous or discrete range.
Toggle control for binary on/off settings.
Multi-line text input component with auto-resize and validation.
Data Display
Collapsible content with smooth expand/collapse animations.
Display user profile pictures and initials.
Small status indicator for labels and notifications.
Container component for grouping related content.
Used to display and cycle through a group of related content items within a limited space
Display a collection of items in a structured list format.
Data table component with sorting, filtering, and pagination.
Contextual information tooltip with positioning and animations.
Text styling components for headings, paragraphs, and more.
Custom scrollable area with enhanced scrollbar styling and fade masks.
Displays a placeholder preview of content before it has loaded.
Navigation
Navigation component showing current page hierarchy.
Slide-out panel component for navigation and content.
macOS-style animated navigation dock with magnification.
Responsive navigation bar with mobile menu support.
Collapsible sidebar navigation component with animation.
Step indicator component for multi-step forms and processes.
Tabs component for organizing content into sections.
Feedback
Modal Dialog Box with backdrop and focus management.
Modal component with overlay, header, body, footer, and customizable color schemes.
Displays a progress indicator to reflect the status of an ongoing task.
Loading spinner component with multiple animation styles.
Toast notification for success, error, and info messages.
AI Components
Complete interactive chat workspace interface with custom theme presets.
Controlled chat input textarea with automatic resizing and key triggers.
Syntax highlighting container with copy-paste actions.
Past session list with search queries and edit modes.
Message containers with role styling and copy helper buttons.
Message feed container automatically scrolling to the bottom.
Select target AI models with model information cards.
Feedback actions (like, dislike, flag, retry) for messages.
Badges displaying the current AI state (idle, thinking, streaming, error, ready) with optional model names.
Preset action prompt recommendation pill components.
A slider component for adjusting the randomness and creativity of AI responses, with dynamic risk indicators.
Animated loader showing model processing states.
Track input/output token usage with real-time counters and limit warnings.