.mint-pointer-events-none {
    pointer-events: none
}
.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-left-0 {
    left: 0px
}
.mint-right-0 {
    right: 0px
}
.mint-top-0 {
    top: 0px
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mt-1 {
    margin-top: 0.25rem
}
.mint-mt-1\.5 {
    margin-top: 0.375rem
}
.mint-mt-12 {
    margin-top: 3rem
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-mt-5 {
    margin-top: 1.25rem
}
.mint-block {
    display: block
}
.mint-grid {
    display: grid
}
.mint-hidden {
    display: none
}
.mint-max-w-3xl {
    max-width: 48rem
}
.mint-max-w-xl {
    max-width: 36rem
}
.mint-cursor-pointer {
    cursor: pointer
}
.mint-gap-x-6 {
    column-gap: 1.5rem
}
.mint-gap-y-4 {
    row-gap: 1rem
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.mint-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.mint-pb-8 {
    padding-bottom: 2rem
}
.mint-text-center {
    text-align: center
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-tracking-tight {
    letter-spacing: -0.025em
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-duration-100 {
    transition-duration: 100ms
}
.mint-group:hover .group-hover\:mint-scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-text-zinc-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity))
}
.dark\:mint-text-zinc-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-mt-24 {
        margin-top: 6rem
    }
    .lg\:mint-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .lg\:mint-py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem
    }
    .lg\:mint-pb-24 {
        padding-bottom: 6rem
    }
}

Start building modern documentation in under five minutes

Introduction

Mintlify

Quickstart

Install the CLI to preview and develop your docs locally

Installation

Edit your docs directly from the dashboard with live previews.

Web Editor

Configure the global settings for your documentation

Settings

Pages are the main building blocks of your documentation

Pages

AI Ingestion

Text, title, and styling in standard markdown

Headers and Text

Add image, video, and other HTML elements

Images, Videos, and Embeds

Lists and Tables

Code Blocks

Reusable, custom snippets to keep content in sync

Reusable Snippets

Playground

Troubleshooting

Host your documentation at your website's custom domain

Custom Domain

Mintlify automatically generates most meta tags. If you want to customize them, you can set default values in docs.json or change them per page.

Redirects and Broken Links

GitHub

GitLab

Add broken links, linting, and grammar checks to the updating process

CI Checks

Preview changes to your docs in a live deployment

Preview Deployments

How to migrate documentation from your existing provider

Migrations

A dropdown component to toggle content visibility

Accordions

Group multiple accordions into a single display.

Accordion Groups

Use callouts to add eye-catching context to your content

Callout Boxes

Highlight main points or links with customizable icons

Cards

Card Groups

Display code with optional syntax highlighting

The CodeGroup component lets you combine code blocks in a display separated by tabs

Code Groups

Use the Frame component to wrap images or other components in a container.

Frames

Use [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons) icons anywhere in the doc

Icons

Mermaid Diagrams

Sequence content using the Steps component

Steps

Tabs

Show a definition when you hover over text.

Tooltips

Update

Parameter Fields

Response Fields

Expandables

Display code blocks at the top-right of the page on desktop devices

Sidebar Code Examples

Trigger an update after updating your OpenAPI document by calling this endpoint in a CI check

Trigger an update

Get the status of an update from the status ID

Get the status of an update

Creates a topic to manage message history for a given AI chat conversation

Create a chat topic

Generate a completion in response to a user query

Generate a message completion

Integrate with an analytics platform to track events

Analytics Integrations

Amplitude

Clearbit

Fathom

Google Analytics 4

Google Tag Manager

Heap

HotJar

Koala

LogRocket

Mixpanel

Pirsch

Plausible

PostHog

Segment

Automate your SDK usage snippets in the API playground

Speakeasy

Automate your SDK example snippets in the API playground

Stainless

Support Integrations

Intercom

Front

Privacy Integrations

Osano

Product Updates

Preview changes locally to update your docs

Local Development

Configure your documentation using the `docs.json` file

Global Settings

Organize your docs directory to guide your users to the information they need 

Navigation

Migration

Setting the title and metadata for navigation and SEO

Page Titles and Metadata

Interactive Playground

Reference OpenAPI endpoints in your docs pages

OpenAPI Setup

Use OpenAPI features to enhance your Mintlify docs

Writing OpenAPI

Advanced Features

Generate docs pages for your API endpoints using MDX

MDX Setup

You can set authentication parameters to let users use their real API keys.

Authentication

Mintlify automatically generates most meta tags. If you want to customize them, you can set default values in mint.json or change them per page.

Versioning & Localization

Allow more members of your team to update your docs

Editor Permissions

Fully customize your documentation with custom CSS

Custom CSS

Custom JS

Host documentation at a /docs subpath using Cloudflare Workers

Cloudflare

Host documentation at a /docs subdirectory using AWS services

AWS Route 53 and Cloudfront

Host documentation at a /docs subpath using Vercel

Vercel

Guarantee privacy of your docs by authenticating users

Authenticate users to view only certain pages

Partial Authentication

A list of features unlocked with Personalization

Personalization

How to determine which product is best for you

Auth vs Personalization

The shape of user data you can use to personalize your docs

Sending Data

Integrate the Mintlify widget into your products to offer users quick access to AI-powered chat with your docs content as the knowledge base.

Chat Widget

Overview

Use [Font Awesome](https://fontawesome.com/icons) icons anywhere in the doc

Getting Started

Core Concepts

Writing Content

API References

Configurations

Guides

Deep Dive

Documentation

Quickstart

Installation

Web Editor

Components