Layout
Components for arranging and structuring page content using grids, flexbox, or other layout systems.
Grid
Grid layout component with container query support for responsive designs.
Flex
Flexible layout component with container query support for responsive designs.
Gallery
Responsive grid layout for displaying media content, images, videos, and product cards.
Divider
Horizontal or vertical separator for dividing content.
Expand
Collapsible disclosure component for expanding and collapsing sections.
Panel
A flexible region coordinator that manages header, footer, and content areas with responsive stacking behavior.
Composition
Higher-level components combining primitives to create complex, reusable UI patterns.
Group
Flexible container for grouping Button, Input, and Select components with unified styling.
List
Compound component for displaying item collections with selection and actions.
Action
Interactive elements like buttons and links that trigger actions, navigation, or form submission.
Button
Clickable element that triggers an action.
Confirm
Confirm dialog for critical user actions.
Command
Searchable command palette for quick action access.
Input
Form elements for capturing and validating user input, such as text fields, checkboxes, radio buttons, selects, and sliders.
Date
Minimal date picker with keyboard navigation and full accessibility support.
Checkbox
Input for selecting one or multiple options.
Color
Custom color picker with 2D canvas, hue slider, and format selection.
Input
Text input field for capturing user data.
Radio
Radio button for selecting one option from a group.
Select
Dropdown select component for choosing from multiple options.
Slider
Slider component for selecting a value from a range.
Switch
Toggle switch for boolean input.
Textarea
Multi-line text input field for longer user input.
Information
Read-only components for displaying static content like labels, badges, tooltips, and descriptive text.
Banner
Full-width banner for displaying important information, notifications, and alerts.
Badge
Small badge for displaying labels or status indicators.
Label
Text label for form elements.
Tooltip
Displays additional information on hover or focus.
Feedback
Components that notify users of system status, success, errors, or progress through alerts and temporary messages.
Popover
Popover component for displaying content on demand.
Progress
Progress bar component for showing completion status.
Toast
A notification component for displaying temporary messages.
Navigation
Elements that guide users through the app, including menus, tabs, breadcrumbs, and navigation bars.
Path
Navigation component showing page hierarchy with links to parent pages.
Menu
Context menu for right-click actions.
Tabs
Tabbed interface for organizing content into sections.
Anchor
Styled link with custom underline animation and popover preview on hover.
Container
Components that group and organize related content with visual and semantic structure.
Page
A lightweight page container that provides page-level context, constraints, and semantic structure.
Card
Container for grouping related content.
Modal
Modal dialog for focusing user attention on important content.
Scroll
Scroll area component with custom scrollbars for overflowing content.
Mask
Container component that creates fading edge effects on content.
Frame
Decorative border/frame component with advanced SVG path support.
Display
Components for displaying and presenting content, such as tables, galleries, and data visualizations.
Table
Table component for displaying and organizing tabular data.
Code
Syntax-highlighted code display with horizontal scroll, line expand, and copy button.