> ## Documentation Index
> Fetch the complete documentation index at: https://tnf.umijs.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Welcome to the home of your new documentation

<img alt="Hero Light" classname="block dark:hidden" src="https://mintcdn.com/umi/FwwtxXQx-Lu-iIHa/images/hero-light.svg?fit=max&auto=format&n=FwwtxXQx-Lu-iIHa&q=85&s=0a2f2a06cacbc6f8cad5826e72cd8878" width="700" height="320" data-path="images/hero-light.svg" />

Test<img alt="Hero Dark" classname="hidden dark:block" src="https://mintcdn.com/umi/FwwtxXQx-Lu-iIHa/images/hero-dark.svg?fit=max&auto=format&n=FwwtxXQx-Lu-iIHa&q=85&s=ff8e7ee543abc3975ac11d8c726e672f" width="700" height="320" data-path="images/hero-dark.svg" />

![TNF](https://tcc.sorrycc.com/p/776c2e49-fec4-4db7-b9c4-2274c31b25e6.png)

## Setting up

The first step to world-class documentation is setting up your editing environments.

<CardGroup cols={2}>
  <Card title="Edit Your Docs" icon="pen-to-square" href="https://mintlify.com/docs/quickstart">
    Get your docs set up locally for easy development
  </Card>

  <Card title="Preview Changes" icon="image" href="https://mintlify.com/docs/development">
    Preview your changes before you push to make sure they're perfect
  </Card>
</CardGroup>

## Make it yours

Update your docs to your brand and add valuable content for the best user conversion.

<CardGroup cols={2}>
  <Card title="Customize Style" icon="palette" href="https://mintlify.com/docs/settings/global">
    Customize your docs to your company's colors and brands
  </Card>

  <Card title="Reference APIs" icon="code" href="https://mintlify.com/docs/api-playground/openapi">
    Automatically generate endpoints from an OpenAPI spec
  </Card>

  <Card title="Add Components" icon="screwdriver-wrench" href="https://mintlify.com/docs/content/components/accordions">
    Build interactive features and designs to guide your users
  </Card>

  <Card title="Get Inspiration" icon="stars" href="https://mintlify.com/customers">
    Check out our showcase of our favorite documentation
  </Card>
</CardGroup>
