Components
187 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
Rich Text Editor
WYSIWYG text editor
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
Description List
Key-value pair list
Key Value
Key-value display pair
List Item
Flexible list item
Service Feature Card
Feature showcase card
Stat Card
Statistical metric card
PDF Viewer
PDF document viewer
World Map
Interactive world map visualizations
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
OHLC candlestick chart
Funnel Chart
Funnel visualization for conversion data
Gauge Chart
Gauge meter visualization
Heatmap
Grid heatmap visualization
Pie Chart
Pie chart visualization
Radar Chart
Radar chart visualization
Treemap
Treemap visualization
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
Searchbar
Keyboard-driven search
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
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
Aurora Orb
Animated AI assistant orb
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 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
Source Citation
Citations with credibility
Explanation Panel
AI reasoning transparency
Regenerate Control
Version control for AI responses
Reasoning Display Panel
Step-by-step AI reasoning visualizer
Three-Level Transparency
Simple/Technical/Expert explanations
Revert To AI Toggle
AI vs Human-edited version comparison
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
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
Flow Builder
Visual workflow designer
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
Multistage Approval Flow
Visual multi-stage workflow builder
Audit Export
Export audit logs (CSV/JSON/PDF)
Log Filtering Toolbar
Advanced log filtering interface
Batch Actions Toolbar
Multi-select approve/reject toolbar
Escalation Tree
Approval chain hierarchy visualization
AI Governance
Human-in-the-Loop AI governance components
Confidence Indicator
AI model confidence display
Confidence Progress Bar
Progress bar confidence display
Model Registry Table
AI model catalog and status
Policy Editor
Governance rule editor
Compliance Checklist
Progress tracker with categories
Dynamic Loading Text
Context-aware loading messages
Stop Cancel Control
AI processing interrupt control
Error Fallback
Graceful error handling UI
Draft Mode Indicator
Draft vs Live mode toggle
Branch Comparison
A/B response comparison
Counterfactual Block
What-if scenario display
Citation Accuracy
Source reliability scoring
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