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

# Overview

> Easily integrate your agent into your frontend

We refer to our frontend libraries as `Obsidian`, because it is Magma solidified.

We currently support React and Svelte projects. You can request additional frameworks by [contacting us](mailto:founders@pompeiilabs.com) or [joining our Slack](https://magmacommunity.slack.com)

<CardGroup cols={2}>
  <Card href="/frontend-integration/nextjs">
    <img noZoom width="100" className="mx-auto block dark:hidden" src="https://mintcdn.com/pompeiilabsinc/INRokfUt_EitWThD/assets/frontend-integration/nextjs-logo-light.svg?fit=max&auto=format&n=INRokfUt_EitWThD&q=85&s=622d777d98b20aead6919322f293225d" data-path="assets/frontend-integration/nextjs-logo-light.svg" />

    <img noZoom width="100" className="mx-auto hidden dark:block" src="https://mintcdn.com/pompeiilabsinc/INRokfUt_EitWThD/assets/frontend-integration/nextjs-logo-dark.svg?fit=max&auto=format&n=INRokfUt_EitWThD&q=85&s=234090314d5489779a0199ef262ccfc4" data-path="assets/frontend-integration/nextjs-logo-dark.svg" />

    <h3 className="mt-6 text-center font-bold">Next.js</h3>
  </Card>

  <Card href="/frontend-integration/sveltejs">
    <img noZoom width="100" className="mx-auto block dark:hidden" src="https://mintcdn.com/pompeiilabsinc/INRokfUt_EitWThD/assets/frontend-integration/sveltejs-logo-light.svg?fit=max&auto=format&n=INRokfUt_EitWThD&q=85&s=cdbf11d771494cee214084fa32e8f123" data-path="assets/frontend-integration/sveltejs-logo-light.svg" />

    <img noZoom width="100" className="mx-auto hidden dark:block" src="https://mintcdn.com/pompeiilabsinc/INRokfUt_EitWThD/assets/frontend-integration/sveltejs-logo-dark.svg?fit=max&auto=format&n=INRokfUt_EitWThD&q=85&s=26a8be4dd7c153551bc1e5040d213973" data-path="assets/frontend-integration/sveltejs-logo-dark.svg" />

    <h3 className="mt-6 text-center font-bold">Svelte.js</h3>
  </Card>
</CardGroup>