Components
Component Library
Browse the Velyx components available from the registry. Each page is backed by the same metadata and preview routes used by the CLI and documentation.
37 components available
Registry APICollapsible accordion with animated height via Alpine.js x-collapse. Sub-components: item, trigger, content.
Composable alert with variants (default, destructive, success, warning, info). Sub-components: title, description, action.
Composable avatar with image, fallback initials, badge overlay, and size variants (sm, default, lg).
Stacked avatar group with negative spacing and optional overflow count.
Inline badge with variants: default, secondary, destructive, outline, success.
Navigation breadcrumb component with customizable separators and links.
Versatile button with variants (default, destructive, outline, secondary, ghost, link), sizes, icon support (left/right/only), href for anchor rendering, and wire:loading state.
Composable card with header, title, description, content, footer, and action sub-components.
Image carousel with autoplay, navigation arrows, dots indicator, and captions.
Accessible checkbox using native input with custom visual layer. Supports wire:model, x-model, disabled and aria-invalid states.
Command palette with keyboard shortcuts, search, and command execution.
Date picker with calendar interface, date formatting, and validation.
Accessible modal dialog with backdrop, transition animations, and size options.
Slide-out drawer panel with multiple positions and overlay support.
Dropdown menu primitives with groups, labels, items, shortcuts, separators, and nested submenus.
Composable empty state with header, media (icon/image), title, description and actions.
Composable form field primitives: Field, FieldSet, FieldLegend, FieldGroup, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError.
File upload component with drag-and-drop, image previews, and progress tracking.
Text input primitive with focus ring, aria-invalid state, file input support, and dark mode.
Keyboard key component with icon support and multiple variants.
Form label with optional required asterisk and hint text. Aware of disabled peer and group context.
Markdown viewer component rendered as rich prose content.
Popover component with configurable positioning and trigger options.
Progress bar component with variants, sizes, and percentage display.
Progress steps component with clickable steps, labels, and descriptions.
Range slider component with single and double handle modes, custom styling.
Star rating component with half-star support, hover effects, and value display.
Visually or semantically separates content, horizontal or vertical.
Animated loading placeholder with pulse animation.
Drag-and-drop sortable list component with handles and animations.
Multi-step stepper component with horizontal and vertical layouts.
Composable table primitives with caption, header, body, footer, row, head, and cell.
A tabs component with main container and sub-components.
Timeline component with vertical/horizontal layouts, animations, and multiple event types.
Toast notification system with multiple variants, positions, and auto-dismissal.
Toggle switch component with multiple sizes and accessibility features.
Tooltip component with configurable positioning and delay settings.