⌘ Mintlify just shipped MCP support — connect any docs site to Claude, Cursor, ChatGPT →
Introducing Mintlify Agents · live

# The intelligent
Knowledge Platform

Where engineers, AI agents, and writers ship documentation that's read, indexed, and trusted — by humans and machines alike.

Get started — free Talk to us →
acme.mintlify.app / components / tabs
v3.4.1
Search docs… ⌘K
Getting Started
Introduction
Installation
Quickstart
Components
Accordions
Cards
Code blocks
Tabs
Steps
Tooltips
Components / Tabs

### Tabs

Toggle between several views in the same space.

The <Tabs> component lets you organize related content into discrete panes. Wrap each pane in <Tab> and give it a title prop.

JSX📋 Copy
{/* Tabs: render in order */} <Tabs defaultIndex={1}> <Tab title="npm"> $ npm install mintlify </Tab> <Tab title="pnpm"> $ pnpm add mintlify </Tab> </Tabs>

###### Props

`defaultIndex` number
The index of the tab to show by default. Defaults to `0`.
`title` string required
The label displayed in the tab header.
Trusted by 12,000+ engineering teams
Anthropic
Cognition
Vercel
PayPal
Block
Lovable
Built for the intelligence age

## Docs that work for engineers, agents, and writers.

One source of truth, three first-class consumers. Mintlify renders to the web, ships an MCP server, indexes for retrieval, and lets your writers ship without merging a single line of code.

### MDX-native

Write Markdown, ship components. Tabs, Cards, Steps, CodeGroups, Frames — every primitive your docs deserve.

Read the syntax →

### AI-search built-in

Semantic search, agentic chat, and an exposed MCP endpoint that drops you into Claude, Cursor, or ChatGPT in one click.

Try the agent →

### Visual editor

Non-engineers edit live, see diffs in PR previews, ship to staging in two clicks. Git is still the source — they just don't need to touch it.

See editor →

### API playgrounds

Auto-generate live OpenAPI playgrounds from your spec. Curl, JS, Python — all rendered, all up-to-date.

View playground →

### Analytics + feedback

See which pages convert, which sentences dead-end. Built-in upvote/downvote rolled up by section, by user, by question.

See analytics →

### SOC 2 + SSO

SOC 2 Type II out of the gate. SAML SSO, custom domains, RBAC, audit logs, EU + US data residency.

Security center →
Mintlify for startups

## 50% off for your first year — apply in 90 seconds.

If you're pre-Series A, YC, or backed by a partner fund, Mintlify Lift Off gives you the Growth tier free for 6 months, then 50% off through your first year of revenue.

Apply now See program details →
~/acme-docs · zsh
# 1. install $ npm i -g mintlify $ mintlify init acme-docs # 2. preview locally $ mintlify dev ⠋ starting server on localhost:3000 ✓ ready in 412ms # 3. ship $ git push origin main ✓ deployed to docs.acme.com
★ Cursor

> "Every YC batch we consistently see the top performing startups use Mintlify to build their docs."

MT
Michael Truell · Co-founder, Cursor
// metrics — last 30d
monthly_pageviews: 2.4M
p95_load: 132ms
agent_queries: 89,440
search_ctr: 71.2%
Pricing

## Pricing on your terms.

Plans for every stage — from your first README to your Series C. Annual saves 20% across every tier.

### Free

$0/ month

For personal projects, OSS docs, side hustles.

- Unlimited pages
- mintlify.app subdomain
- Community support
- Public repo only

Start free
★ Lift Off

### Growth

$120/ month

For teams shipping a public product. Custom domain, analytics, AI search.

- Custom domain
- AI search + chat
- Private repos
- Visual editor seats
- Standard support

Start trial

### Custom

Talk· enterprise

For regulated industries, large engineering orgs, multi-product docs.

- SAML SSO + RBAC
- SOC 2 + DPA + BAA
- SLA + dedicated CSM
- White-label theming
- Audit log + retention

Talk to sales →

## Design system reference

Tokens, type ladder, radius, components — pulled from the captured DESIGN.md.
View source DESIGN.md ↗

### Color

Grouped by role. Mint green is reserved for accent CTAs and active state — never large surfaces. Atmospheric gradients carry hero mood.

Brand & accent

Primary
#0a0a0a
Mint
#00d4a4
Mint deep
#00b48a
Mint soft
#7cebcb
Tag blue
#3772cf
Coral
#f55a3c

Surface

Canvas
#ffffff
Soft
#fafafa
Surface
#f7f7f7
Hairline
#e5e5e5
Code
#1c1c1e
Dark
#0a0a0a

Atmospheric hero

Sky gradient
#87a8c8 → #f5e9d8
Dark teal
#1a3d4a → #2d5a4f

Text

Ink
#0a0a0a
Charcoal
#1c1c1e
Slate
#3a3a3c
Steel
#5a5a5c
Stone
#888888
Muted
#a8a8aa

### Typography

Inter for every UI and prose role, Geist Mono for code. Tight display tracking, comfortable 1.5 line-height for documentation prose.

hero-display
72 / 600 / -2px
Knowledge platform
display-lg
56 / 600 / -1.5px
For the intelligence age
heading-1
48 / 600 / -1px
Pricing on your terms
heading-3
28 / 600 / 1.25
Tabs
subtitle
18 / 400 / 1.5
Where engineers and agents ship together.
body-md
16 / 400 / 1.5
Primary documentation body. Comfortable long-form reading.
body-sm
14 / 400 / 1.5
Secondary body, table cells, sidebar nav.
micro-uppercase
11 / 600 · UPPER
COMPONENTS
code-md
14 / 400 · Geist Mono
mintlify dev → localhost:3000

### Radius

Tightly disciplined. Buttons and badges always pill. Cards always 12px. No corner softening in between for the same family.

xs
4px
sm
6px
md
8px
lg
12px
xl
16px
xxl
24px
full
9999px

### Components

Pill buttons, segmented tabs, doc property rows, type chips. All UI carries pill or 12px-radius silhouettes.

#### Buttons

primary Get Started
accent Get started — free
on-dark
Apply now
secondary Talk to us
ghost Talk to sales

#### Pills, tabs & toggles

pill-tab Pricing Roadmap
toggle
badge-discount Save 20%

#### Inputs

text-input
focused

#### Doc primitives

badge-required required
badge-type string number boolean
badge-tag<Tabs>
inline-code defaultIndex

#### Code block

bash📋 Copy
$ npm install mintlify $ mintlify dev // → localhost:3000
View DESIGN.md ↗