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

# Introduction

> Welcome to Haiper

[Haiper 2.0 is here](https://haiper.ai/blog/haiper-2-0) - The first step to world-class documentation is setting up your editing environments.

<img className="block dark:hidden" src="https://mintcdn.com/haiper/BMV7nUyTZS6wAGgG/images/hero-dark.jpg?fit=max&auto=format&n=BMV7nUyTZS6wAGgG&q=85&s=4ad54d59e14854c4d186fada791daff2" alt="Hero Light" width="2048" height="1152" data-path="images/hero-dark.jpg" />

<img className="hidden dark:block" src="https://mintcdn.com/haiper/BMV7nUyTZS6wAGgG/images/hero-dark.jpg?fit=max&auto=format&n=BMV7nUyTZS6wAGgG&q=85&s=4ad54d59e14854c4d186fada791daff2" alt="Hero Dark" width="2048" height="1152" data-path="images/hero-dark.jpg" />

## Get Started with Haiper

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

<CardGroup cols={2}>
  <Card title="Haiper Web App" icon="compass" href="https://haiper.ai/">
    Get your docs set up locally for easy development
  </Card>

  <Card title="Haiper iOS App" icon="app-store-ios" href="https://apps.apple.com/app/haiper-ai-video-photo-creator/id6468952574">
    Preview your changes before you push to make sure they're perfect
  </Card>

  <Card title="API Reference" icon="server" href="/api-reference/overview">
    Preview your changes before you push to make sure they're perfect
  </Card>

  <Card title="Contact Us" icon="envelope" href="https://haiper.ai/contact">
    Preview your changes before you push to make sure they're perfect
  </Card>
</CardGroup>