vllnt-ui

Collapsible content sections supporting single or multiple open items.

Contribution-style grid for visualizing operational activity over time.

Paginated activity feed for audit history and analytics changes.

Visual display of an AI agent's execution chain — steps, tools, decisions, progress.

Rendered output area for AI-generated content with toolbar, copy/edit/download/fullscreen actions, and version chips.

Prompt composer for conversational interfaces with helper text, toolbar actions, and submit states.

Chat bubble for assistant, user, tool, and system messages using the current design system surfaces.

Slide-out AI assistant panel with provider, header / content / footer slots, and a standalone trigger.

Compact source reference card for AI answers with a title, origin label, and optional excerpt.

Readable text block for partial assistant output with an optional live cursor while tokens stream in.

Structured card for tool invocation traces, statuses, serialized input, and returned output.

Displays an alert message to the user.

Modal dialog for confirming destructive or important actions.

Pulsing ring overlay for alerting canvas objects, with severity tones.

Port marker for object inputs, outputs, and bidirectional links on the canvas.

Animated gradient beam that connects two elements with a flowing light path.

Decorative grid background with squares that fade in and out at random.

List whose items animate in sequentially with a staggered entrance.

Tabs with a sliding indicator that animates to the active item.

Testimonial carousel with animated transitions between quotes.

Staggered text reveal for headings, pull quotes, and short supporting copy.

Tooltip that animates in on hover or focus with a scale-and-fade.

Inline highlight with an attached contextual note.

Renders an area chart for data visualization.

Constrains content to a specified aspect ratio.

Toggle + collapsible threshold/amount form for automatic credit reloading with locale-aware currency.

Displays a user avatar image with fallback initials.

Overlapping avatar stack for participants, assignees, and collaborative contexts.

Small status label with variant styles.

Full-width announcement bar with variants, dismissal, and an optional action slot.

Renders a bar chart for data visualization.

Responsive bento-style grid layout with feature cards.

Card layout for displaying blog post previews.

Reveals content with a blur-to-sharp transition when it scrolls into view.

Animated accent beam that travels around the border of a highlighted surface.

Slim horizontally-scrolling row of recent canvas events for low-noise live activity.

Slim chrome strip pinned to the bottom of a canvas shell as a calm host for activity strips, status pills, and ambient indicators.

Navigation breadcrumb trail showing the current page hierarchy.

Interactive button with multiple variants and sizes.

Visually connected group of buttons that share borders.

Date picker calendar for selecting dates.

Highlighted content block with variant styles for info, warning, danger, and more.

OHLC financial chart for session-by-session price action.

Layout shell for canvas workspaces with top bar, left rail, right dock, and bottom slot regions.

Interactive pan-and-zoom viewport for spatial surfaces with keyboard, wheel, and overlay support.

Container with header, content, and footer sections.

Card that flips in 3D between a front and back face.

Scrollable content carousel with navigation controls.