Vitreum UI

A versatile button with variants, sizes, icons, and as-child rendering.

A small badge for labels, statuses, or counts.

Keyboard key display element.

An animated loading spinner indicator.

A placeholder for loading content.

A container that maintains a fixed aspect ratio.

An empty state placeholder with icon, title, and action.

A generic styled list item for menus or lists.

A prominent announcement badge with icon and glass styling.

A terminal-style command display with copy button.

A text component with 8 built-in gradient color variants.

A container with glass, solid, or outline variants.

A content card with header, content, and footer sections.

A form field wrapper with label, input, and error message.

An image wrapper applying glass or solid frame styling.

A full landing page preview with file explorer, code panel, and locked overlay.

An infinite-scrolling marquee with configurable speed, direction, and pause-on-hover.

A decorative background glow orb with adjustable color, size, blur, and position.

A scroll-triggered entrance animation that fades in with a blur effect from any direction.

An animated gradient border shine effect wrapping any content.

A word-by-word fade-in animation triggered on scroll.

A click ripple effect that expands outward from the cursor position.

A fixed progress bar that fills as the user scrolls down the page.

A floating particle background animation with configurable count, speed, and color.

A character-by-character text reveal animation triggered on scroll.

An animated connecting beam between two elements with configurable curvature.

A styled text input field.

A styled multi-line text input.

A form label component.

A checkbox input with label.

A toggle switch control.

A set of radio buttons.

A native select dropdown.

A native select dropdown (alias).

A range slider control.

A progress bar indicator.

A one-time password input field.

An input with leading or trailing addons.

An autocomplete input with dropdown suggestions.

A popover-based date picker control.

A contextual alert banner with icon and variants.

A toast notification using Radix UI primitives.

A simple bottom-right toast notification.

A hover-triggered tooltip with glass styling.

A click-triggered popover overlay.

A hover-triggered card with additional content.

A modal dialog overlay.

A confirmation or alert modal dialog.

A slide-in panel from any edge of the screen.

A bottom-slide drawer panel.

A command palette search dialog.

A dropdown menu with items, separators, and submenus.

A right-click context menu.

A horizontal menubar with dropdown menus.

A responsive navigation menu with submenus.

A tabbed content switcher.

An accordion with expandable sections.

A collapsible content panel.

A breadcrumb navigation trail.

A page navigation component.

A sidebar navigation shell.

A user avatar with image and fallback initials.

A styled data table component.

A data table with search, sorting, and pagination.

A month-view calendar for date selection.

A chart container wrapper.

An image carousel slider with navigation.

A preview/code toggle carousel with copy functionality.

An animated number counter that counts up when scrolled into view.

A toggle button with pressed/unpressed state.

A group of toggle buttons.

A group of buttons with connected styling.