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

# Frameworks

> Integrating C1 into popular Open Source Frameworks

Since Thesys provides an [OpenAI compatible endpoint](/api-reference/endpoints/embed) any framework
that support OpenAI SDK can be used directly with C1.

Guides for some of the most popular frameworks can be found below:

### JS frameworks

<Columns cols={2}>
  <Card title="Vercel AI SDK" href="/guides/frameworks/vercel-ai-sdk">
    Integrate C1 by Thesys into the [TypeScript AI toolkit](https://ai-sdk.dev/) by Vercel.
  </Card>

  <Card title="CopilotKit" href="/guides/frameworks/copilotkit">
    Ship Generative UI based Conversational Copilots/CoAgents with [CopilotKit](https://www.copilotkit.ai/).
  </Card>

  <Card title="Mastra" href="/guides/frameworks/mastra">
    Ship Generative UI Agents with powered by [Mastra](https://mastra.ai/) - the TypeScript Agent Framework.
  </Card>
</Columns>

### Python frameworks

<Columns cols={2}>
  <Card title="Google ADK" href="/guides/frameworks/google-adk">
    Build conversational AI agents with [Google ADK](https://adk.iqai.com/docs) Python framework and rich generative UI.
  </Card>

  <Card title="CrewAI" href="/guides/frameworks/crewai">
    Build a crew of AI agents powered by [CrewAI](https://www.crewai.com/) that can perform autonmous actions at scale.
  </Card>

  <Card title="Autogen" href="/guides/frameworks/autogen">
    Build GenUI conversational single and multi-agent applications with [Autogen](https://microsoft.github.io/autogen/stable//index.html)
    and Thesys.
  </Card>

  <Card title="Langchain" href="/guides/frameworks/langchain">
    Add Generative UI capabilities to your [LangChain](https://www.langchain.com/) agents.
  </Card>

  <Card title="Langgraph" href="/guides/frameworks/langgraph">
    Add a agentic presentation layer to your [LangGraph](https://www.langchain.com/langgraph) agents at scale.
  </Card>

  <Card title="Streamlit" href="/guides/frameworks/streamlit">
    Supercharge your [Streamlit](https://streamlit.io/) data apps with Generative UI capabilities of C1 by Thesys.
  </Card>
</Columns>

### Missing your favourite framework?

Please reach out to us on [Discord](https://discord.gg/Pbv5PsqUSv) if you'd like to see support for your favourite framework.