Light
Solid
EN
中文

Components

Every component in AnyUI, in all three frameworks. Pick one from the sidebar to see its props, events, slots and usage.

Form & Input

Input
Text input with prefix/postfix adornments and slots.
Textarea
Auto-growing multiline text area.
Select
Dropdown selector with single / multiple modes.
Checkbox
Standalone checkbox control.
CheckboxGroup
Group of checkboxes bound to an array value.
Radio
Standalone radio control.
RadioGroup
Group of radios bound to one value.
RadioButtonGroup
Button-styled radio group, plus RadioButton.
OtpInput
One-time-password code input with masked mode.
Form
Validation-powered form container.
FormItem
Labeled field wrapper for Form.
Slider
Numeric range slider with tooltip.
Switch
Boolean on/off toggle.

Feedback

Alert
Inline contextual message banner.
Message
Imperative toast notifications (top-center).
Toast
Stackable corner notifications with imperative API.
Loading
Bouncing-dots loading indicator.
LoadingMask
Overlay a loading state on any content.
Spinner
Rotating icon spinner.
ConfirmModal
Confirmation dialog with imperative helper.
Dialog
Modal dialog with header / footer slots.
Drawer
Side panel that slides in from the edge.
Progress
Horizontal progress bar with indeterminate mode.

Display

Button
The core button — types, sizes, icons, loading.
ProgressButton
Button with a progress bar as its background.
Card
Surface container with header / footer slots.
Tag
Compact labeled tag / chip.
Avatar
User avatar with image, fallback and initials.
Image
Lazy-loading image with loading / error slots.
GradientText
Text painted with a brand gradient.
Grid
Responsive 24-column grid with equal-height columns.
QrCode
Generate an SVG QR code from text content.
ClickableText
Themed link-styled text.
Kbd
Keyboard key indicator for shortcuts.
Item
List item with media, title, description and actions.
Table
Data table with per-column cell slots.
Empty
Empty-state placeholder.
Masonry
Virtualized masonry / waterfall layout.

Navigation

Pagination
Page navigation with sibling / boundary counts.
Step
Horizontal step indicator.
Tabs
Tab navigation with line / card variants, plus Tab & TabPanel.
ListMenu
Selectable vertical menu (optionally grouped).
ListView
Bordered / borderless list container with items.
Layout
Header / Content / Footer / Side layout primitives.
DropdownMenu
Rich dropdown menu with icons, dividers, danger.
PopupMenu
Lightweight context menu built on Popper.

Overlay & Utility

Tooltip
Hover / click tooltip bubble.
Popper
Low-level positioning primitive (Popper.js).
Popup
Centered modal popup with optional mask.
Float
Floating panel that docks to the viewport edge.
ScrollArea
Scrollable region with custom height / max-height.
Split
Horizontal divider line.
VirtualList
High-performance virtualized list.
Upload
Drag-and-drop / click file surface (emits File).
Chat
Auto-scrolling chat transcript (built on VirtualList).
Collapse
Expand / collapse transition wrapper.
Accordion
Stacked collapsible panels built on Collapse, with single / multiple modes.