Components
56 components — all AI-native with inline context blocks for Claude, Cursor, Copilot, and Windsurf.
Icons: useVyre is icon-agnostic — it ships none. Use any
icon library (we recommend lucide-react / lucide-vue-next)
and pass the icon to leftIcon, leftElement, or icon.
Accordion Collapsible sections with smooth animation. Alert Contextual feedback with info, success, warning, and danger variants. Avatar User profile photo with graceful initials fallback. Badge Short status labels with dot indicator support. Box Spacing-only container with token padding/margin and a controlled style escape hatch. Breadcrumb Navigation trail for deep page hierarchies. Button Primary action element with 6 variants and loading state. Button Group Segmented action row with shared borders and dividers. Calendar Date picker with single and range selection. Card Content container with header, body, and footer slots. Carousel Accessible content slider with snap scrolling, indicators, and keyboard nav. Charts LineChart, AreaChart, BarChart, PieChart, and Sparkline — zero-dependency SVG, token-locked. Checkbox Controlled checkbox with indeterminate state support. Combobox Searchable dropdown with autocomplete and async data support. Command Command palette with search, keyboard navigation, and dialog mode. Conversation Controlled chat/inbox thread with grouped bubbles, avatars, status, and composer. Data Grid Advanced table with column filters, sorting, and row selection. Date Picker Input trigger that opens a Calendar popover for single, range, or multiple dates. Date Range Picker Calendar-based start/end date input with range highlighting. Dropdown Menu Contextual menu with checkbox items, radio groups, and submenus. Empty State Standard placeholder for empty lists, tables, and search results. Field Form field wrapper — props-based label/hint or composable parts. Form Controlled, zero-dep form with built-in validation rules; errors auto-map into Field. Grid Two-dimensional CSS grid primitive with token gap and explicit or auto-fit columns. Input Text input with label, helper text, and error state. Item Flexible list-row primitive for menus, feeds, and settings lists. Kanban Drag-and-drop board built on Card with column and card controls. Label Accessible form label with required indicator. Modal Focus-trapped dialog for confirmations and forms. Number Input Numeric input with steppers, min/max/step, and clamped controlled value. OTP Input Segmented one-time-code input for verification and 2FA. Pagination Page navigation with ellipsis and page size controls. Popover Floating content anchored to a trigger element. Progress Linear progress bar with determinate and indeterminate modes. Radio Controlled single-choice group — options array or composable Radio children. Rich Text Editor Minimal WYSIWYG editor with formatting toolbar and markdown output. Select Dropdown select with search and multi-select support. Separator Horizontal or vertical visual divider. Sheet Side panel that slides in from any edge. Sidebar App navigation sidebar with collapse and icon-only mode. Skeleton Loading placeholder with animated shimmer. Slider Range input with single and dual-handle support. Stack Flex layout primitive replacing inline display:flex, with token-locked gap/align/justify. Stat Dashboard KPI card with value, label, delta, and trend. Stepper Multi-step flow indicator for onboarding, checkout, and wizards. Switch Toggle switch for boolean settings. Table Data table with sortable columns and striped rows. Tabs Tabbed interface for switching between content panels. Tag Display chip for categories and filters, with removable and clickable variants. Tags Input Multi-value tag input with keyboard navigation and validation. Timeline Vertical activity feed for audit logs and history. Toast Non-blocking notification with auto-dismiss. Toggle Group Single- or multi-select toggle buttons (segmented control). Tooltip Contextual label that appears on hover or focus. Tree Hierarchical tree view for file explorers and nested navigation. Typography Heading, Text, Lead, Code, and Blockquote primitives.