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

# Frameworks

> Use Decart image and video generation through popular AI frameworks like Vercel AI SDK, TanStack AI, and LangChain.

Use Decart's image and video generation models through the AI framework you already use, instead of integrating with the API directly.

## Choosing a framework

* **Already using Vercel AI SDK?** Use the [AI SDK provider](/ai-frameworks/ai-sdk). It has the most models and the richest feature set.
* **Building with TanStack?** Use the [TanStack AI adapter](/ai-frameworks/tanstack-ai).
* **Using LangChain.js?** Use the [LangChain.js tool](/ai-frameworks/langchain). It also supports image editing and automatic tool calling.
* **Want the most control?** Use [Decart's native JavaScript SDK](/sdks/javascript) directly.

## Prerequisites

All three integrations require a Decart API key. Get yours from [platform.decart.ai](https://platform.decart.ai) — see [authentication](/getting-started/authentication) for setup instructions.

<CardGroup cols={3}>
  <Card title="Vercel AI SDK" icon="bolt" href="/ai-frameworks/ai-sdk">
    Image and video generation with 5 models.
  </Card>

  <Card title="TanStack AI" icon="layer-group" href="/ai-frameworks/tanstack-ai">
    Image and video generation for TanStack and React apps.
  </Card>

  <Card title="LangChain.js" icon="link" href="/ai-frameworks/langchain">
    Image generation and editing as a tool for LLM agents.
  </Card>
</CardGroup>