Components
156 production-ready components built with React, TypeScript, and Tailwind CSS. All components are accessible, responsive, and ready for production use.
Form Inputs
Components for capturing user input
Button
Primary, secondary, outline, and ghost variants
Button Group
Grouped button controls
Input
Text input with validation
Input Group
Input with prefix/suffix
Label
Form field labels
Enter your email
Form Field
Complete form field wrapper
Textarea
Multi-line text input
Password Input
Password field with show/hide toggle
Number Input
Numeric input with step controls
Input OTP
One-time password input
Mentions
User mentions input
Checkbox
Single or multi-select
Radio Group
Exclusive selection
Switch
Toggle between states
Toggle
Toggle button
Toggle Group
Group of toggle buttons
Select
Dropdown selection
Combobox
Searchable select
Slider
Range input
Date Picker
Calendar date selection
Date Range Picker
Date range selection
Time Picker
Hour and minute selection
Color Picker
HSL color selection
File Upload
Drag and drop upload
Rating
Star rating input
Tags Input
Multi-tag input field
Transfer
Dual list transfer
Cascader
Cascading select
Data Display
Components for presenting data and content
Card
Flexible container for content
Image Cards
Cards with image content
Visual Feature Cards
Feature showcase cards
Selection Card
Selectable card option
Insight Card
Data insight display card
Badge
Status indicators
Avatar
User profile image
Kbd
Keyboard shortcut display
Statistic
Statistical number display
Data Table
Sortable table with pagination
Data Grid
Modern grid-based table
Editable Data
Inline editable data
Expandable Data List
Expandable list with details
Accordion
Collapsible sections
Tabs
Tabbed navigation
Carousel
Content slider
Timeline
Event timeline
Tree
Hierarchical tree view
Sparkline
Miniature line chart
Empty State
No content placeholder
Result
Operation result feedback
Graphs & Charts
Data visualization components
Progress
Progress bar indicator
Circle Progress
Circular progress indicator
Bar Chart
Bar chart visualization
Horizontal Bar Chart
Horizontal bar chart visualization
Stacked Bar Chart
Stacked bar chart visualization
Line Chart
Line chart visualization
Candlestick Chart
Financial candlestick chart
Funnel Chart
Funnel visualization for conversion data
Overlays & Modals
Dialogs, popovers, and contextual menus
Dialog
Modal dialog
Alert Dialog
Confirmation dialog
Sheet
Slide-out panel
Drawer
Bottom drawer
Popover
Floating content
Tooltip
Contextual hints
Hover Card
Rich hover preview
Dropdown Menu
Contextual menu
Context Menu
Right-click menu
Command Palette
Keyboard-driven command menu
Feedback
Alerts, notifications, and loading states
Layout
Page structure and content organization
Navigation
Site and app navigation components
Horizontal Nav
Horizontal navigation bar
Vertical Sidebar
Vertical sidebar navigation
App Header
Application header
Navigation Menu
Mega menu navigation
Menubar
Desktop-style menubar
Breadcrumbs
Breadcrumb navigation
Tabs Navigation
Tab-based navigation
Steps
Step progress indicator
Pagination
Page navigation
Float Button
Floating action button
Back Top
Scroll to top button
Link
Enhanced navigation links
AI & Intelligence
AI-powered components and conversational interfaces
AI Chat Message
Chat message bubble with AI styling
AI Conversation History
Chat conversation list
AI Voice Chat
Voice chat interface
AI Context Panel
Context sidebar panel
AI Right Sidebar
AI assistant sidebar
AI Prompt Input
AI prompt input field
AI Suggestion Chips
Suggested prompt chips
AI Model Selector
Model selection dropdown
AI Streaming Text
Streaming text animation
AI Code Block
Code display with syntax highlighting
AI Tool Call Card
Tool execution display
AI Image Generation
Image generation interface
AI Thinking Indicator
AI processing indicator
AI Confidence Indicator
Confidence level display
AI Label
AI-generated content indicator
AI Welcome State
Empty state for AI chat
Adaptive Density Controller
UI density adjustment
Personalized Dashboard
Personalized dashboard layout
Adaptive Content Card
Context-aware content card
AI Suggestion Panel
AI suggestions sidebar
Contextual Search
Context-aware search
Role-Based Navigation
Role-based nav menu
AI Transparency
Build trust through AI explainability
Calendar & Scheduling
Date, time, and event management
Calendar
Full calendar view
Mini Calendar Picker
Compact calendar picker
Day Agenda View
Single day agenda
Week Agenda View
Weekly agenda view
Compact Agenda Widget
Compact agenda widget
Meeting Detail Card
Meeting details display
Quick Event Creator
Quick event creation
Dropdowns & Context Menus
Advanced dropdown and menu components
Basic Context Menu
Right-click context menu
Sectioned Dropdown
Dropdown with sections
Dropdown with Submenu
Nested dropdown menu
User Profile Dropdown
User account dropdown
Searchable Select
Searchable dropdown
Multi-Select Dropdown
Multiple selection dropdown
Right-Click Menu
Context menu on right-click
Marquees & Tickers
Scrolling content displays
Metrics Badge Marquee
Scrolling metrics badges
Feature Cards Marquee
Scrolling feature cards
Logo Cloud Marquee
Scrolling logos
Tech Stack Marquee
Scrolling tech stack
Testimonial Marquee
Scrolling testimonials
Stats Marquee
Scrolling statistics
Announcement Ticker
News ticker banner
Interactive Marquee
Hover-pausable marquee
Enterprise & Workflow
Enterprise workflow components
Escalation Timer
Escalation countdown timer
Workflow Status
Workflow progress display
Approval Gate
Approval workflow gate
Review Queue
Review queue interface
Audit Log
Activity audit log
Monitoring & Alerts
System monitoring and alerting
Advanced AI
Advanced AI conversation features
Design System
Design foundations and visual language
Utilities
Utility and helper components
Messaging
Chat and messaging components