Skip to content

Component installs need the registry setup— the Base UI shadcn project, the @vegastack namespace and the Cloudflare Access service token.

DesignVegaStack Design

DesignVegaStack Design

Introduction Install From VegaStack Registry

Guides

Quickstart Registry access & auth Agent skills Working with components Assembling a multi-step form Provider setup Theming, dark mode & tokens Client projects Production checklist Troubleshooting

Foundations

Design Principles Colors Typography Spacing Radius Elevation Motion Interaction patterns Icons Empty states Accessibility Theming & dark mode

Components

Buttons & Actions

Button Icon Button Split Button Copy Button Toggle Toggle Group Segmented

Inputs & Controls

Input Textarea Password Input OTP Input Number Field Chip Input Auto Save Input Dropzone Text Edit Field Field Inline Editable Cell Label Slider Checkbox Checkbox Group Radio Group Switch Select Combobox Searchable Select Country Select Region Select Date Picker Color Picker Emoji Picker

Overlays

Floating Surface Dialog Alert Dialog Sheet Popover Hover Card Tooltip

Menus & Commands

Dropdown Menu Context Menu Command Menu

Navigation

Stepper Breadcrumb Navigation Menu Pagination Tabs Sidebar Page Header

Layout & Structure

Board Card Separator Scroll Area Resizable App Shell Settings Row

Data Display

Timeline Sortable List Table Data Table Parts Data List Data Grid Property List Item Chart Animated Number Filter Bar Filter Builder Avatar Image Media Player Controls Audio Player Video Player Badge Chip Tag Group Stat Accordion Collapsible

Feedback & Status

Action Bar Alert Toast Provider Progress Progress Indicator Spinner Skeleton Status Icon Empty Notification Bell Onboarding Checklist Shortcut Overlay

Content & Typography

Markdown View Code Block Kbd Truncated Text Relative Time

Chat & Communication

Marker Message Bubble Attachment Tool Call Chip Message Scroller

Brand & Marketing

Marketing Surface Section Header Figure Frame Terminal Logo Row Testimonial Staggered Text Reveal Particle Field Announcement Banner Ruled Band Pricing Section Comparison Matrix

Blocks

Utilities

Shimmer Scroll Fade

Releases

Animated icon gallery

Browse and replay every lucide-animated icon available through the VegaStack registry.

Return to icon guidance and installation

Functional — `Icon` (lucide)

Check

Search

Settings

Bell

Heart

Star

Trash

Download

Brand — `BrandIcon` (thesvg)

GitHub

Slack

Figma

Motion — `AnimatedIcon` (lucide-animated) · hover or focus the card to animate

Icons 1–50

Icons 51–100

Icons 101–150

Icons 151–200

Icons 201–250

Icons 251–300

Icons 301–350

Icons 351–400

Icons 401–450

Icons 451–467