@vllnt-ui

Collapsible content sections supporting single or multiple open items.

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

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

Modal dialog for confirming destructive or important actions.

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

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

Constrains content to a specified aspect ratio.

Small status label with variant styles.

Card layout for displaying blog post previews.

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

Date picker calendar for selecting dates.

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

Contribution-style grid for visualizing operational activity over time.

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

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

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

List whose items animate in sequentially with a staggered entrance.

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

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

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

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

Navigation breadcrumb trail showing the current page hierarchy.

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

Container with header, content, and footer sections.

Paginated activity feed for audit history and analytics changes.

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

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

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

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

Inline highlight with an attached contextual note.

Displays a user avatar image with fallback initials.

Renders a bar chart for data visualization.

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

Interactive button with multiple variants and sizes.

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

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

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

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

Displays an alert message to the user.

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

Testimonial carousel with animated transitions between quotes.

Renders an area chart for data visualization.

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

Responsive bento-style grid layout with feature cards.

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

Visually connected group of buttons that share borders.

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

Scrollable content carousel with navigation controls.