Skip to content
Request a demo

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.

Any JavaScript or TypeScript framework can embed GoodData through Web Components. For SvelteKit, see the frontend integration series blog post.

Angular (Web Components)

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)

Wrap GoodData.UI React components in Angular components with createRoot, import their styles, and bind their props from Angular templates.

Next.js

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

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.