index.mdx

title	Introduction
description	Mintlify is an AI-native documentation platform built for developers, with beautiful defaults, interactive API playgrounds, and smart search.
mode	frame
keywords	overview platform getting started features
boost	3

{/* vale Mintlify.Semicolons = NO */}

export const HeroCard = ({ filename, title, description, href }) => { return ( <img src={https://raw.githubusercontent.com/mintlify/docs/refs/heads/main/images/hero/${filename}.png} className="block dark:hidden pointer-events-none group-hover:scale-105 transition-all duration-100" /> <img src={https://raw.githubusercontent.com/mintlify/docs/refs/heads/main/images/hero/${filename}-dark.png} className="pointer-events-none group-hover:scale-105 transition-all duration-100 hidden dark:block" />

{title}

{description} ); };

{/* vale Mintlify.Semicolons = YES */}

Documentation

<div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
  Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers and teams.
</div>

<div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4">
  <HeroCard filename="rocket" title="Quickstart" description="Deploy your first docs site in minutes with our step-by-step guide" href="/quickstart" />

  <HeroCard
    filename="cli"
    title="CLI installation"
    description="Install the CLI to preview and develop your docs locally"
    href="/installation"
  />

  <HeroCard
    filename="editor"
    title="Web editor"
    description="Make quick updates and manage content with our browser-based editor"
    href="/editor/index"
  />

  <HeroCard
    filename="components"
    title="Components"
    description="Build rich, interactive documentation with our ready-to-use components"
    href="/components/accordions"
  />
</div>