56+ documentation components, beautifully styled across 11 themes. Preview, customize, and copy.
Highlighted message blocks for drawing attention to notes, tips, warnings, and other contextual information.
Versatile content containers that can display titles, icons, descriptions, and optional links.
Responsive grid container for laying out multiple cards in even columns.
Collapsible sections for FAQs, optional details, and content that benefits from progressive disclosure.
Tabbed content panels for showing the same concept across multiple languages, platforms, or approaches.
Numbered sequential steps for installation guides, tutorials, and multi-stage processes.
Inline status labels for marking content with version info, stability, or other metadata.
Inline hover tooltips for adding supplementary context without cluttering the main text.
Media-first frame for screenshots, videos, and diagrams with optional hint text and captions.
Infinite horizontal marquee for text, badges, logos, or image strips with optional reverse direction and pause-on-hover.
Design-first, marketing-ready screenshots rendered on-demand from any URL. Powered by Screenframed — device frames, gradient backgrounds, AI-composed titles, and more.
Signed runtime LittleDemo embeds for turning a URL, prompt, template, or existing demo ID into a playable product walkthrough inside your docs.
Dismissible announcement bar for important notices, deprecation warnings, or new feature announcements.
Standalone icon display supporting Font Awesome, Lucide, and other icon libraries.
Structured timeline entry for changelogs, release notes, and product updates with dates.
Side-by-side recommended versus avoid pattern for style guides, API usage notes, onboarding docs, and prompt writing.
Structured launch and rollout checklist with status markers for done, current, pending, and blocked items.
Styled keyboard shortcuts with physical keycap appearance. Auto-detects Mac vs Windows.
Group related accordions into a single, neatly stacked disclosure set for FAQs, rollout notes, or onboarding checklists.
Fenced code blocks with syntax highlighting, language labels, and copy buttons.
Tabbed multi-language code block for showing the same snippet in several programming languages.
Create flowcharts, sequence diagrams, Gantt charts, and other visualizations from text using Mermaid syntax.
Animated terminal replay with character-by-character typing for CLI tutorials and demos.
Code diff viewer with GitHub-style highlighting. Supports unified diff and before/after formats.
Documents a request parameter — path, query, or body — with type, requirement status, and description.
Documents a field in an API response body with its name, type, and description.
Collapsible section for nested API fields, keeping complex response shapes readable.
Pin request code examples in the right-side panel alongside API endpoint documentation.
Pin response code examples in the right-side panel beneath request examples.
Compact operation header for method, path, auth requirements, rate limits, idempotency, SDK availability, and lifecycle metadata.
Expandable JSON Schema and object explorer with type chips, required markers, defaults, examples, and nested structures.
Structured container for documented API errors with meaning, common causes, and retry guidance.
Standalone documented HTTP status card with meaning, common causes, and explicit retry guidance.
Version availability card for introducing features, beta capabilities, and version-specific documentation paths.
AsyncAPI-style webhook or event delivery header with payload fields, signature metadata, retries, and delivery guarantees.
Field definition block for webhook and event payloads, including nested object paths, requirement markers, and payload locations.
Equal-width column grid for side-by-side comparisons, feature lists, or mixed content layouts.
Switchable content panels for presenting alternative configurations, languages, or frameworks.
Place supplementary content in the right-side panel alongside your main documentation.
Responsive structured tables for plans, limits, environment variables, SDK support, and compatibility matrices.
Interactive node-and-edge diagrams powered by ReactFlow with pan, zoom, and minimap.
Visual color swatch with hex value and optional name, useful for design system documentation.
Embeddable forms that collect user input and send it via email.
Embla-style carousel for screenshots, product tours, quotes, and gallery cards with optional autoplay.
Display pre-built AI prompts with a one-click copy button for easy reuse.
Inline knowledge checks with instant feedback or scored mode for tutorials and courses.
Before/after image comparison with a draggable handle. Perfect for UI redesigns and visual changes.
Theme-aware charts with shared MDX syntax for line, area, bar, composed, pie, and radar views.
Readable wallet or contract address with truncation, copy-to-clipboard, and optional block-explorer deep link.
Format raw token integers into reader-friendly units while keeping the original precision available in component data.
Transaction hash chip with truncation, copy action, and explorer link for deployment guides or transaction walkthroughs.
Compact chain indicator for network-specific instructions, examples, and warnings.
Wallet onboarding button that prompts compatible wallets to add a network using built-in presets or explicit chain metadata.
Smart contract call block for ABI-backed read or write interactions, with optional interactive execution in supported contexts.