> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# Framework guides

> Use GoodData.UI in Angular, Next.js, and Vue apps — framework-specific setup via React components or the Web Components wrapper.

GoodData.UI ships as React components, but you don't need a React app to use it. These guides add GoodData to other frameworks, either by wrapping the React components or by embedding the framework-agnostic [Web Components](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/web-components/web-components-overview/index.md).

Any JavaScript or TypeScript framework can embed GoodData through Web Components. For SvelteKit, see the [frontend integration series blog post](https://www.gooddata.ai/blog/frontend-integration-series-sveltekit/).

## Pages

- [Angular (Web Components)](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/framework-integrations/angular-integration/index.md): Embed GoodData dashboards, visualizations, and the AI Assistant in an Angular app with the Web Components library, custom element schemas, and event listeners.
- [Angular (React components)](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/framework-integrations/angular-react-integration/index.md): Wrap GoodData.UI React components in Angular components with createRoot, import their styles, and bind their props from Angular templates.
- [Next.js](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/framework-integrations/nextjs-integration/index.md): Render GoodData.UI charts in a Next.js App Router application with a client-side backend, the generated catalog, and the GoodData session cookie.
- [Vue](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/framework-integrations/vue-integration/index.md): Embed GoodData dashboards, visualizations, and the AI Assistant in a Vue app with the Web Components library, the Vite custom-element setting, and event listeners.