Components

Browse focused interface components that can be installed from the vivid-layer registry.

Install Command

Compact install commands in default and prompt-toolbar layouts.

The vivid layer crop marks — a crossing edge-line frame in double or single layers, and a bento grid that draws them from its layout.

An AI message input that expands into an agent's clarifying questions and returns the answers.

A controlled message composer that switches between typing and browser-backed voice capture.

A controlled email drafting card for conversational and agent interfaces.

A compact conversation navigator that previews turns, tracks reading position, and jumps between message anchors.

A compact 5×5 status loader driven by six original compiled trajectories.

Cumulative agent Markdown with subtle animation for newly arrived content.

Expressive cumulative Markdown streaming effects for playful interfaces.

A gallery-based hotel result card for travel and conversational interfaces.

Single-day and multi-day weather cards for conversational interfaces.