Blocks
105 composite UI patterns built from multiple components. Production-ready, domain-specific blocks that handle complex use cases like data tables, AI conversations, workflow approvals, and more.
Form Blocks
Composite form patterns combining multiple input primitives
Button Group
Group related actions together
Input Group
Input with addons or prefixes
Password Input
Secure password entry field
Number Input
Numeric input with controls
Combobox
Searchable select dropdown
Date Picker
Date selection calendar
Date Range Picker
Select date ranges
Time Picker
Time selection input
Color Picker
Color selection tool
File Upload
Drag and drop file upload
Tags Input
Multi-tag entry field
Enter your email
Form Field
Label, input, and helper text
Rich Text Editor
WYSIWYG text editing
Data Display
Complex data visualization and presentation blocks
Stat Card
Metric display card
Team Card
Team member profile card
Credit Usage Card
Usage progress display
Data Table
Sortable data table
Data Grid
Grid-based data display
Timeline
Chronological event display
Tree
Hierarchical tree view
Carousel
Image/content slider
Empty State
Empty content placeholder
Charts
Data visualization charts built with Recharts
Navigation Blocks
Application navigation patterns and layouts
Vertical Sidebar
Side navigation panel
App Header
Application top bar
Horizontal Nav
Horizontal link navigation
Searchbar
Keyboard-driven search
Settings Nav
Settings section navigation
Stepper
Multi-step progress indicator
Floating Action Bar
Contextual action toolbar
Filter Panel
Collapsible filter controls
Contextual Search
AI-powered context search
AI Conversation
Chat and conversation UI patterns for AI applications
Chat Message
Chat bubble component
AI Conversation History
Message thread display
AI Prompt Input
AI message input field
AI Prompt Enhancer
AI-assisted prompt improvement
AI Follow-up Clarification
Request clarification from user
AI Attachments Input
File upload for context
AI Suggestion Chips
Quick response suggestions
AI Welcome State
AI assistant landing state
AI Structured Prompt
Scaffolded input with fields
AI Paginated Prompt
Step-by-step prompt wizard
AI Cloze Passage
Fill-in-the-blank prompts
AI Prompt Gallery
Sample prompts showcase
AI Result Preview
Live preview of generated content
AI Object Results
Hierarchical result display
AI Timeline Results
Chronological result display
Conversation Branch
Branching conversation paths
AI Transparency
Explainability and trust-building AI UI patterns
Confidence Indicator
AI confidence display
AI Thinking Indicator
Processing state display
AI Status Indicator
Consolidated AI status display
AI Info Panel
Consolidated AI info display
AI Coauthor Badge
AI content watermark badge
AI Streaming Text
Typewriter streaming output
AI Caveat
Risk warnings and disclaimers
Source Citation
Reference source display
Aurora Orb
AI presence indicator
AI Feedback Loop
Collect user feedback on AI responses
AI Context Awareness
Show what AI knows
AI Learning Progress
Track AI personalization
AI Permission Request
Request user permissions
AI Collaborative Canvas
Human-AI co-creation
AI Voice Transcript
Voice-to-text with speakers
AI Uncertainty Highlighter
Inline low-confidence highlighting
AI Suggestion Diff
Cursor-style red/green diff view
AI Autonomy Slider
Control AI agency level
AI Prompt Quality Meter
Real-time prompt quality analysis
AI Relationship Stage
Trust progression indicator
AI Persona Selector
AI personality selection
AI Response Cards
Multiple response options carousel
AI Data Ownership
Data control and transparency
AI Tools & Actions
AI interaction controls and status displays
AI Tool Call Card
Tool execution display
AI Model Selector
Model selection dropdown
AI Image Generation
Image generation display
AI Prompt Templates
Save/recall prompt library
AI Token Usage
Token budget visibility
AI Action Plan
AI step plan before executing
AI Thread Options
Thread vs fresh control
AI Connectors
External data integrations
AI Filters
Input/output constraints
AI Style Presets
Output style presets
Regenerate Control
Response regeneration
Stop Cancel Control
Stop AI processing
AI Handoff Control
Human-AI control transfer
AI Error Recovery
Graceful AI failure handling
AI Memory Control
Manage AI memory & privacy
Workflow & Governance
Enterprise workflow and approval patterns
Flow Builder
Visual workflow designer
Approval Gate
Approval workflow gate
Review Queue
Review queue interface
Audit Log
Activity audit log
Policy Editor
Governance rule editor
Compliance Checklist
Compliance tracker
Calendar & Scheduling
Date and time scheduling UI blocks
Marquees & Marketing
Animated marketing and promotional blocks