Configure site-wide settings with the docs.json
file
docs.json
file lets you turn a collection of Markdown files into a navigable, customized documentation site. This required configuration file controls styling, navigation, integrations, and more.
Settings in docs.json
apply globally to all pages.
docs.json
theme
, name
, colors.primary
, and navigation
. Other fields are optional and you can add them as your documentation needs grow.
For the best editing experience, include the schema reference at the top of your docs.json
file. This enables autocomplete, validation, and helpful tooltips in most code editors:
{
"$schema": "https://mintlify.com/docs.json",
"theme": "mint",
"name": "Your Docs",
"colors": {
"primary": "#ff0000"
},
"navigation": {
// Your navigation structure
}
// The rest of your configuration
}
docs.json
file.
mint
, maple
, palm
, willow
, linden
, almond
, aspen
.See Themes for more information.{
"colors": {
"primary": "#ff0000"
}
}
Show Colors
#
.#
.#
.Show Logo
/logo.png
/logo-dark.png
https://mintlify.com
/favicon.png
Show Styling
section
to show the section name or breadcrumbs
to show the full navigation path. Defaults to section
.system
to match the site theme or dark
for always dark code blocks. Defaults to system
.Show Icons
fontawesome
.Show Fonts
family
name, so no source URL is needed.Show Heading
family
name, so no source URL is needed.Show Body
family
name, so no source URL is needed.Show Background
Show Navbar
Show Links
<svg>...</svg>
element from the JSX output field.icon={<svg ...> ... </svg>}
.height
and width
as needed.regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Show Primary
button
for a standard button with a label or github
for a link to a GitHub repository with icon.type
is button
.type
is github
, must be a GitHub repository URL.Show Navigation
Show Global
Show Languages
Show Tabs
<svg>...</svg>
element from the JSX output field.icon={<svg ...> ... </svg>}
.height
and width
as needed.regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Show Anchors
<svg>...</svg>
element from the JSX output field.icon={<svg ...> ... </svg>}
.height
and width
as needed.regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Show Dropdowns
<svg>...</svg>
element from the JSX output field.icon={<svg ...> ... </svg>}
.height
and width
as needed.regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Show Footer
{
"x": "https://x.com/mintlify"
}
x
, website
, facebook
, youtube
, discord
, slack
, github
, linkedin
, instagram
, hacker-news
, medium
, telegram
, twitter
, x-twitter
, earth-americas
, bluesky
, threads
, reddit
, podcast
Show Contextual
copy
: Copy the current page as Markdown to the clipboard.view
: View the current page as Markdown in a new tab.chatgpt
: Send the current page content to ChatGPT.claude
: Send the current page content to Claude.Show Api
Show Params
closed
.MDX
files.Show Seo
navigable
to index only pages that are in your docs.json
navigation or choose all
to index every page. Defaults to navigable
.Show Search
Show Integrations
Show Amplitude
Show Clearbit
Show Frontchat
Show Ga4
Show Gtm
Show Intercom
Show Koala
Show Mixpanel
{
"$schema": "https://mintlify.com/docs.json",
"theme": "maple",
"name": "Example Co.",
"description": "Example Co. is a company that provides example content and placeholder text.",
"colors": {
"primary": "#3B82F6",
"light": "#F8FAFC",
"dark": "#0F172A"
},
"navigation": {
"dropdowns": [
{
"dropdown": "Documentation",
"icon": "book",
"description": "How to use the Example Co. product",
"groups": [
{
"group": "Getting started",
"pages": [
"index",
"quickstart"
]
},
{
"group": "Customization",
"pages": [
"settings",
"users",
"features"
]
},
{
"group": "Billing",
"pages": [
"billing/overview",
"billing/payments",
"billing/subscriptions"
]
}
]
},
{
"dropdown": "Changelog",
"icon": "history",
"description": "Updates and changes",
"pages": [
"changelog"
]
}
]
},
"logo": {
"light": "/logo-light.svg",
"dark": "/logo-dark.svg",
"href": "https://example.com"
},
"navbar": {
"links": [
{
"label": "Community",
"href": "https://example.com/community"
}
],
"primary": {
"type": "button",
"label": "Get Started",
"href": "https://example.com/start"
}
},
"footer": {
"socials": {
"x": "https://x.com/example",
"linkedin": "https://www.linkedin.com/company/example",
"github": "https://github.com/example",
"slack": "https://example.com/community"
},
"links": [
{
"header": "Resources",
"items": [
{
"label": "Customers",
"href": "https://example.com/customers"
},
{
"label": "Enterprise",
"href": "https://example.com/enterprise"
},
{
"label": "Request Preview",
"href": "https://example.com/preview"
}
]
},
{
"header": "Company",
"items": [
{
"label": "Careers",
"href": "https://example.com/careers"
},
{
"label": "Blog",
"href": "https://example.com/blog"
},
{
"label": "Privacy Policy",
"href": "https://example.com/legal/privacy"
}
]
}
]
},
"integrations": {
"ga4": {
"measurementId": "G-XXXXXXXXXX"
},
"koala": {
"publicApiKey": "pk_example_key_123"
},
"telemetry": {
"enabled": true
},
"cookies": {
"key": "example_cookie_key",
"value": "example_cookie_value"
}
},
"contextual": {
"options": [
"copy",
"view",
"chatgpt",
"claude"
]
},
"errors": {
"404": {
"redirect": true
}
}
}
mint.json
mint.json
file, follow these steps to upgrade to docs.json
.
Install or update the CLI
npm i -g mint
mint update
Create your docs.json file
mint upgrade
docs.json
file from your existing mint.json
. Review the generated file to ensure all settings are correct.Delete your mint.json file
docs.json
is configured properly, you can safely delete your old mint.json
file.Was this page helpful?