Components

195 components — UI primitives, marketing blocks, and SaaS components, ready to drop into your project.

195 components

AccordionUI Primitive
Collapsible content sections
Display
AvatarUI Primitive
User avatar image with fallback
Display
BadgeUI Primitive
Small status indicator label
Display
DialogUI Primitive
Modal dialog overlay
Feedback
DrawerUI Primitive
Slide-in panel from any edge of the screen
Feedback
ButtonUI Primitive
Clickable button with variants
Form Inputs
CheckboxUI Primitive
Toggle checkbox input
Form Inputs
Date PickerUI Primitive
Date selection input with calendar
Form Inputs
File UploadUI Primitive
File upload with drag and drop
Form Inputs
Form FieldUI Primitive
Form field wrapper with label and error
Form Inputs
InputUI Primitive
Text input field
Form Inputs
LabelUI Primitive
Form label element
Form Inputs
Likert ScaleUI Primitive
Likert scale rating input
Form Inputs
Matching PairsUI Primitive
Drag-and-drop matching pairs
Form Inputs
Radio GroupUI Primitive
Radio button group
Form Inputs
RatingUI Primitive
Star rating input
Form Inputs
SelectUI Primitive
Dropdown select input
Form Inputs
SliderUI Primitive
Range slider input
Form Inputs
Sortable ListUI Primitive
Drag-and-drop sortable list
Form Inputs
SwitchUI Primitive
Toggle switch input
Form Inputs
TextareaUI Primitive
Multi-line text input
Form Inputs
CardUI Primitive
Container for grouped content
Layout
SeparatorUI Primitive
Visual separator line
Layout
Navigation MenuUI Primitive
Accessible navigation menu
Navigation
TabsUI Primitive
Tabbed content navigation
Navigation
Blog Card GridMarketing Block
Grid of blog post cards
Blog
Blog FeedMarketing Block
Blog post feed list
Blog
Blog Feed HeaderMarketing Block
Blog feed header with filters
Blog
Case Study Card GridMarketing Block
Grid of case study cards
Case Studies
Case Study LayoutMarketing Block
Full case study page layout
Case Studies
Case Study SpotlightMarketing Block
Featured case study highlight
Case Studies
Contact FormMarketing Block
Contact form with validation
Contact
Contact InfoMarketing Block
Contact information display
Contact
Newsletter SignupMarketing Block
Newsletter subscription form
Contact
Article LayoutMarketing Block
Long-form article layout for blog posts, case studies, and docs
Content
FAQMarketing Block
FAQ accordion section
Content
Image GalleryMarketing Block
Image gallery with lightbox
Content
Team GridMarketing Block
Team member grid
Content
TimelineMarketing Block
Timeline display
Content
Course CardMarketing Block
Course preview card
Education
Course Detail PageMarketing Block
Full course detail layout
Education
Course FeedMarketing Block
Course listing feed
Education
Course GridMarketing Block
Grid of course cards
Education
Feature Comparison TableMarketing Block
Feature comparison table
Features
Feature GridMarketing Block
Grid of feature cards
Features
Feature Split SectionMarketing Block
Split layout feature section
Features
Feature TabsMarketing Block
Tabbed feature showcase
Features
ModalMarketing Block
Modal overlay component
Feedback
Announcement BannerMarketing Block
Top-of-page announcement bar
Hero
CTA BannerMarketing Block
Call-to-action banner section
Hero
Hero SectionMarketing Block
Hero banner section
Hero
SectionMarketing Block
Generic content section wrapper
Layout
FooterMarketing Block
Page footer with links
Navigation
NavbarMarketing Block
Navigation bar
Navigation
Search InputMarketing Block
Search input component
Navigation
Search Results ListMarketing Block
Search results display
Navigation
Tab Scroll ActionMarketing Block
Tab with scroll action
Navigation
Pricing Comparison TableMarketing Block
Pricing comparison table
Pricing
Pricing TableMarketing Block
Pricing tier cards
Pricing
Awards SectionMarketing Block
Awards and recognition display
Social Proof
Company Logo BannerMarketing Block
Company logo display banner
Social Proof
Logo CloudMarketing Block
Logo cloud display
Social Proof
Stats BarMarketing Block
Statistics bar display
Social Proof
Stats ContentMarketing Block
Statistics content section
Social Proof
Trust BadgesMarketing Block
Trust badge display
Social Proof
Testimonial CardMarketing Block
Single testimonial card
Testimonials
Testimonial CarouselMarketing Block
Testimonial carousel slider
Testimonials
Testimonials BlockMarketing Block
Testimonial section block
Testimonials
Agent DetailSaaS
Comprehensive detail view for an AI agent with configuration, linked resources, and version history
AI Agents
Agent ListSaaS
Paginated list of AI agents with status badges and filters
AI Agents
Conversation DetailSaaS
Full conversation view with message history, tool calls, metadata sidebar, and action controls
AI Agents
Model Config EditorSaaS
Combined editor for AI model configuration including provider, model, temperature, and advanced parameters
AI Agents
Template GallerySaaS
Browsable grid of agent templates with filtering, search, and view/clone actions
AI Agents
Test ResultsSaaS
Comprehensive test results view with metrics, output display, run history, and version comparison
AI Agents
Test RunnerSaaS
Interactive UI for running individual AI agent test cases with progress tracking and result display
AI Agents
AI Chat Session ListSaaS
List view for browsing AI chat sessions
AI Chat
AI Chat WindowSaaS
Full-featured AI chat interface with messages, input, and attachments
AI Chat
ChartsSaaS
Data visualization with line, bar, area, and pie charts
Analytics
Dashboard GridSaaS
Responsive grid layout for dashboard widgets
Analytics
Empty StateSaaS
Empty state placeholder with optional action
Analytics
Error StateSaaS
Error state display with retry action
Analytics
Quick ActionSaaS
Quick action buttons and resource metric cards
Analytics
Stat CardSaaS
Key metric card with value, label, and trend indicator
Analytics
Trend IndicatorSaaS
Display trend direction and percentage change
Analytics
InvitationSaaS
Invitation acceptance and decline interface
Auth
Linked IdentitiesSaaS
Manage linked social identities
Auth
Login FormSaaS
Email/password authentication form with validation
Auth
Recovery CodesSaaS
Recovery codes status and list display
Auth
Signup FormSaaS
User registration form with validation
Auth
SSO ButtonsSaaS
Social sign-on buttons for multiple providers
Auth
Tenant Two-Factor ConfigSaaS
Admin form to configure 2FA settings for tenants
Auth
Trusted DevicesSaaS
Display and manage trusted devices
Auth
Two-Factor Code InputSaaS
Input field for 2FA code entry
Auth
Two-Factor SetupSaaS
Complete 2FA setup flow with QR code and recovery codes
Auth
Two-Factor StatusSaaS
Display current 2FA status
Auth
Two-Factor VerifySaaS
Dialog component for 2FA verification
Auth
Attendee ManagerSaaS
Manage and display attendees with RSVP status
Booking
Booking ActionsSaaS
Action menus and dialogs for booking management
Booking
Booking CardSaaS
Compact card display for a booking
Booking
Booking DetailSaaS
Detailed view of a single booking
Booking
Booking FormSaaS
Complete booking creation and editing form
Booking
Booking Status BadgeSaaS
Visual indicator for booking status
Booking
Recurrence EditorSaaS
Recurring booking configuration interface
Booking
Calendar ViewSaaS
Multi-view calendar with day, week, and month modes
Calendar
Date Range PickerSaaS
Select date ranges for filtering or booking
Calendar
Time Slot PickerSaaS
Pick available time slots with grid display
Calendar
Timezone DisplaySaaS
Display and select timezones
Calendar
Chat WindowSaaS
Complete chat interface with messaging and typing indicators
Chat
Conversation ListSaaS
Browse and select from list of conversations
Chat
Master TableSaaS
Feature-rich data table with sorting, filtering, and preferences
Data Display
SaaS AvatarSaaS
User avatar with image and fallback
Data Display
SaaS BadgeSaaS
Small status indicator label
Data Display
Status BadgeSaaS
Configurable status indicator badge
Data Display
Inline NotificationSaaS
Inline notification message
Feedback
LoadingSaaS
Loading spinner indicator
Feedback
SaaS AlertSaaS
Alert message with info, success, warning, and error variants
Feedback
SaaS BannerSaaS
Dismissible banner notification
Feedback
SaaS ProgressSaaS
Progress bar indicator
Feedback
SaaS ToastSaaS
Toast notification with provider
Feedback
SkeletonSaaS
Content loading placeholder
Feedback
File ActivitySaaS
File activity panel and audit dashboard
File Management
File BrowserSaaS
File browser with filters and row actions
File Management
Folder TreeSaaS
Folder tree with create and picker dialogs
File Management
Share DialogSaaS
File sharing with permissions and link configuration
File Management
Storage DashboardSaaS
Storage analytics with quota and usage charts
File Management
Trash ViewSaaS
Trash management with empty dialog
File Management
Upload PanelSaaS
File upload with dropzone and progress queue
File Management
Version HistorySaaS
File version history panel
File Management
Form PrimitivesSaaS
Field label, error, and wrapper components
Forms
Resource Detail FormSaaS
Generic CRUD form with field types and validation
Forms
ContainerSaaS
Responsive content container
Layout
SaaS CardSaaS
Container for grouped content with header and footer
Layout
SaaS GridSaaS
Responsive grid layout
Layout
SaaS SeparatorSaaS
Visual separator line
Layout
StackSaaS
Flexbox stack layout with spacing
Layout
Assessment CardSaaS
Assessment display card
LMS
Certificate CardSaaS
Certificate display card
LMS
Course CatalogSaaS
Course cards, filters, and detail views
LMS
EnrollmentSaaS
Enrollment status and actions
LMS
Lesson NavigationSaaS
Lesson navigation for course content
LMS
LMS AnalyticsSaaS
Enrollment statistics card
LMS
LMS ProgressSaaS
Course progress bars and module tracking
LMS
App ShellSaaS
Application shell layout with sidebar and topbar
Navigation
SidebarSaaS
Collapsible navigation sidebar
Navigation
Sidebar NavSaaS
Sidebar navigation items with active states
Navigation
TopbarSaaS
Application top navigation bar
Navigation
Topbar MenuSaaS
Dropdown menu for topbar actions
Navigation
Notification CenterSaaS
Notification bell, list, and item display
Notifications
Notification PreferencesSaaS
Notification preferences panel with channel toggles
Notifications
SaaS DialogSaaS
Modal dialog overlay with header and footer
Overlay
SaaS TooltipSaaS
Hover tooltip with simple and compound variants
Overlay
Administrator ManagementSaaS
Administrator list, detail, and form
Platform Admin
Billing ManagementSaaS
Billing overview, invoices, subscriptions, and plans
Platform Admin
Platform AnalyticsSaaS
Platform-level analytics dashboard
Platform Admin
Tenant ManagementSaaS
Tenant dashboard, list, and detail views
Platform Admin
SaaS ButtonSaaS
SaaS-specific button with domain variants
Primitives
SaaS CheckboxSaaS
SaaS-specific checkbox input
Primitives
SaaS InputSaaS
SaaS-specific text input field
Primitives
SaaS LabelSaaS
SaaS-specific form label
Primitives
SaaS Radio GroupSaaS
SaaS-specific radio button group
Primitives
SaaS SelectSaaS
SaaS-specific dropdown select
Primitives
SaaS SwitchSaaS
SaaS-specific toggle switch
Primitives
SaaS TextareaSaaS
SaaS-specific multi-line text input
Primitives
EntitlementsSaaS
Product entitlements table
Products
License ListSaaS
License management table with key display, seat allocation, and expiration warnings
Products
Pricing ConfiguratorSaaS
Pricing model configuration with tiers and promotions
Products
Product CategoriesSaaS
Category tree and list management
Products
Product DetailSaaS
Product detail form with variants and media
Products
Product ListSaaS
Product list with status badges and filters
Products
Products AnalyticsSaaS
Revenue charts and subscription metrics dashboard
Products
SubscriptionsSaaS
Subscription list with status and period display
Products
Resource CardSaaS
Resource card with status badge
Resource
Resource DetailSaaS
Resource detail view with availability schedule
Resource
Resource ListSaaS
Paginated resource list view
Resource
Resource SelectorSaaS
Resource selection dropdown
Resource
Channel PreviewSaaS
Multi-channel template preview (email, push, in-app)
Templates
Template EditorSaaS
Template editor with toolbar and variable picker
Templates
API Key DisplaySaaS
Display and manage API keys
Tenant Admin
Audit Log EntrySaaS
Individual audit log entry display
Tenant Admin
Branding PreviewSaaS
Preview tenant branding customization
Tenant Admin
Color PickerSaaS
Color picker for branding configuration
Tenant Admin
Delivery HistorySaaS
Webhook delivery history log
Tenant Admin
Logo UploaderSaaS
Upload and manage tenant logos
Tenant Admin
Onboarding ChecklistSaaS
Tenant onboarding progress checklist
Tenant Admin
Permission MatrixSaaS
Role-based permission configuration matrix
Tenant Admin
Quota ProgressSaaS
Quota usage progress indicator
Tenant Admin
Team TreeSaaS
Organizational team hierarchy tree
Tenant Admin
Webhook TesterSaaS
Test webhook endpoints
Tenant Admin
Execution ActionsSaaS
Execution list actions, start, and cancel dialogs
Workflow
Workflow ActionsSaaS
Workflow list actions, publish, and deprecate dialogs
Workflow
Workflow CredentialsSaaS
Credential management with rotation and revocation
Workflow
Workflow Status BadgesSaaS
Status badges for workflows, executions, and tasks
Workflow
Workflow TasksSaaS
Task inbox with claim, complete, and reassign actions
Workflow
Workflow TemplatesSaaS
Workflow template gallery and reuse
Workflow
Workflow TriggersSaaS
Webhook, event subscription, and schedule triggers
Workflow