Components

Headers and Text

Headings, paragraphs, bold, italic, links, and other text formatting.

Lists and Tables

Ordered lists, unordered lists, and data tables.

Code

Inline code, fenced code blocks, and syntax highlighting.

Prompt

Pre-built AI prompts readers can copy or open in Cursor.

Callouts

Highlighted blocks for tips, warnings, and important notes.

Accordion

Collapsible sections for organizing lengthy content.

Tabs

Tabbed interfaces for grouping related content.

Steps

Numbered step-by-step guides and walkthroughs.

Tree

File and folder structures with collapsible nodes and keyboard navigation.

Cards

Visual containers for content, icons, and links.

Buttons

Action components with variants, sizes, and icons.

Badges

Colored labels for statuses, versions, and metadata.

Tooltips

Contextual definitions and explanations shown on hover.

Images and Embeds

Images, videos, and embedded content.

Frames

Bordered containers with captions for images, videos, and diagrams.

Icons

Lucide icons you can use anywhere in your docs.

Columns

Grid layouts for arranging cards and content side by side.

Side Panel

Pinned right-rail content that replaces a page's table of contents.

Fields

Property and parameter documentation blocks.

API Playground

Interactive API reference where readers send real requests and see live responses.

Update

Changelog blocks with a subscribable RSS feed.

Color Swatches

Visual color palette swatches to document your theme colors.

Mermaid

Flowcharts, sequence diagrams, and other visualizations from Mermaid syntax.

Space

Precise vertical or horizontal gaps, with per-breakpoint control.