Content components

Accordion

Collapsible content sections supporting single or multiple open items.

Animated List

List whose items animate in sequentially with a staggered entrance.

Animated Testimonials

Testimonial carousel with animated transitions between quotes.

Bento Grid

Responsive bento-style grid layout with feature cards.

Blog Card

Card layout for displaying blog post previews.

Card

Container with header, content, and footer sections.

Carousel

Scrollable content carousel with navigation controls.

Collapsible

Expandable and collapsible content section.

Expandable Cards

Cards that expand on click to reveal additional content.

FAQ

Frequently asked questions section with expandable answers.

Slideshow

Step-through slideshow for presenting content sequentially.

Blur Reveal

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

Reveal Text

Reveals text with a directional slide-and-fade when it enters the viewport.

Scramble Text

Scrambles characters then resolves them into the final text.

Shimmer Text

Text with a bright light band that sweeps across it.

Spinning Text

Text laid out in a circle that rotates continuously.

Text Animate

Animates text in by word or character with configurable effects.

Text Reveal

Dims and brightens words as the text scrolls through the viewport.

Text Shimmer

Text with an animated gradient fill that shimmers.

Typewriter

Types text out character by character with a blinking cursor.

Callout

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

Code Block

Syntax-highlighted code display with copy support.

Code Playground

Interactive code editor with live preview.

Content Intro

Introductory section for content pages with title and description.

Document Sibling Nav

Newer/older navigator: links to the previous and next item in an ordered series.

MDX Content

Renders MDX content with component mapping.

Share Section

Social sharing buttons and link copy section.

Terminal

Terminal-style display for command output.

Timeline

Vertical or horizontal timeline of sequential events with completed/active/upcoming statuses and connector lines.

TLDR Section

Summary section for quick content overview.

Video Embed

Responsive video embed for YouTube and other providers.

Object Card

Durable object view for agents, runs, artifacts, and tasks inside the canvas.

Object Inspector

Right-dock detail header — kind chip, status dot, title/subtitle, with property-section slots.

Policy Delivery Panel

Right-dock panel listing policies / guardrails active for the route or run.

Property Section

Compact key/value grid for inspector panels — labels, sublabels, optional collapse.

Relationship Inspector

Right-dock panel listing inbound + outbound edges of the focused canvas object.

Routing Assignment Panel

Right-dock panel listing the agent slots an active route dispatches to.

Runtime Overview Panel

Top-of-dock summary tile grid for runtime health when no canvas object is selected.

Credit Badge

Balance status pill for credits, wallet states, and billing health.

Plan Badge

Subscription tier indicator for pricing, billing, and account summaries.

Role Badge

Account role indicator for owners, admins, members, and billing contacts.

Subscription Card

Subscription status and management card for plan, renewal, and usage details.

Wallet Card

Credit balance display card for available, pending, and refresh details.