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

# Welcome to Flowy

> Generate images, video, audio, and 3D on one connected canvas — then edit, collaborate, and ship from the same place.

export const DemoVideo = ({src, poster, caption, aspectRatio = "16 / 10", className = ""}) => {
  return <figure className={`not-prose my-6 w-full ${className}`}>
      <div className="overflow-hidden rounded-2xl border border-gray-950/10 bg-gray-100 dark:border-white/10 dark:bg-white/5" style={{
    aspectRatio
  }}>
        <video src={src} poster={poster} loop autoPlay muted playsInline className="h-full w-full object-cover" />
      </div>
      {caption && <figcaption className="mt-2 text-center text-sm text-gray-500 dark:text-gray-400">
          {caption}
        </figcaption>}
    </figure>;
};

Flowy is a node-based AI creative canvas. You generate images, video, audio, and 3D on an infinite canvas, wire results together so each step feeds the next, refine the output in the **Studio** timeline editor, and collaborate with your team in real time.

<DemoVideo src="/videos/getting-started/hero.mp4" poster="/images/posters/getting-started/hero.jpg" caption="Nodes generate, connect, and flow into a finished edit on the Flowy canvas" />

## What would you like to do?

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/getting-started/quickstart">
    Go from a blank canvas to an exported video in a few minutes.
  </Card>

  <Card title="Learn the canvas" icon="diagram-project" href="/canvas/overview">
    Meet the infinite node canvas where every generation lives.
  </Card>

  <Card title="Edit in Studio" icon="film" href="/studio/overview">
    Compose your assets on a timeline and export a finished video.
  </Card>

  <Card title="Work with the AI assistant" icon="wand-magic-sparkles" href="/canvas/ai/overview">
    Describe what you want and let the assistant plan and build nodes for you.
  </Card>
</CardGroup>

## Get help and build on Flowy

<CardGroup cols={2}>
  <Card title="Help Center" icon="life-ring" href="/help/overview">
    Answers on accounts, plans, credits, and troubleshooting.
  </Card>

  <Card title="API Reference" icon="code" href="/api/introduction">
    Run your Flowy workflows programmatically over HTTP.
  </Card>
</CardGroup>

<Tip>
  New to the mental model? [Core Concepts](/getting-started/concepts) explains projects, nodes, generations, and how Canvas and Studio fit together.
</Tip>