Components
Browse all 57 components organized by category. Each component is a standalone Web Component that works with any framework.
Input
Button
Interactive button component with multiple variants and states
View docs →Input
Text input component with validation and various states
View docs →Switch
Toggle switch component for binary choices
View docs →Form
Form wrapper component with validation states
View docs →Slider
Range slider component for selecting numeric values
View docs →File Upload
Drag-and-drop file upload component with previews
View docs →Autocomplete
Searchable dropdown component with filtering and multi-select
View docs →Datepicker
Calendar picker component with date/time and range selection
View docs →Select
Unified select component with single, multi-select, and tree-select modes
View docs →Cascader
Multi-panel cascading selection for hierarchical data
View docs →Markdown Input
Full-featured markdown editor with syntax highlighting, file upload, and autocomplete
View docs →Code Engine
Lightweight code editor powered by CodeMirror 6 with syntax highlighting, themes, and language support
View docs →Form Group
Layout utility for grouping form fields with vertical or horizontal orientation
View docs →Multi Select
Dropdown for selecting multiple items from a list with chip display
View docs →OTP Input
One-time password input with individual digit fields for verification codes
View docs →PIN Input
Secure PIN entry with masking option and configurable field count
View docs →Segment Control
Segmented toggle group for selecting one option from a set
View docs →Theme Controller
Presentational wrapper for CSS-based theme switching controls
View docs →Time Input
Time selection input with color theming
View docs →Tree Select
Hierarchical dropdown for selecting from tree-structured data
View docs →Feedback
Alert
Alert component for displaying important messages
View docs →Dialog
Modal dialog component for displaying content requiring user attention
View docs →Badge
Badge component for status indicators and labels
View docs →Chip
Chip component for tags, filters, and selections
View docs →Tooltip
Tooltip component for displaying additional information on hover
View docs →Progress
Progress bar component for displaying completion status
View docs →Navigation
Bottom Navigation
Mobile-first bottom navigation bar component with icons and labels
View docs →Breadcrumbs
Hierarchical navigation breadcrumbs for displaying the current location
View docs →Drawer
Side navigation drawer/sidebar component with modal support
View docs →Menu
Dropdown menu component with keyboard navigation support
View docs →Navbar
Primary navigation bar/header component with responsive design
View docs →Pagination
A customizable pagination component for page navigation
View docs →Stepper
A multi-step progress indicator and wizard component
View docs →Tabs
Tab navigation component for organizing content into panels
View docs →Navigation
Composite navigation layout container for building navigation structures
View docs →Nested Menu
Sidebar navigation with collapsible menu levels for hierarchical structures
View docs →Surfaces
Card
Container component for grouping related content
View docs →Accordion
Expandable/collapsible panels component for organizing content
View docs →Bottom Sheet
Mobile bottom panel component that slides up from the bottom of the screen
View docs →Popover
Contextual overlay component that appears relative to a trigger element
View docs →Data Display
Table
Full-featured data table with sorting, pagination, and row selection
View docs →Pro Data Grid
Enterprise-grade data grid with virtual scrolling, sorting, filtering, editing, grouping, and more
View docs →Markdown
Markdown rendering component with syntax highlighting and Mermaid support
View docs →