Skip to main content

​
Choose your setup path

BEEQ supports multiple integration paths depending on your stack and rendering model.

Angular

Use the Angular wrapper (@beeq/angular) for better integration with Angular applications, forms, and change detection.

React

Use the React wrapper (@beeq/react) for improved property handling, event support, and a smoother developer experience.

Next.js

Use the React wrapper (@beeq/react) and client-side setup helpers to work with BEEQ in Next.js applications.

Vue

Use the Vue wrapper (@beeq/vue) and custom elements support for a clean integration with Vue projects.

HTML / Web Components

Use BEEQ directly through the core package or CDN in plain HTML, JavaScript, or custom setups.

​
What to do next

  1. Pick your stack using the cards above (or the Frameworks section in the sidebar).
  2. If your project uses a package manager like npm, pnpm, or yarn, check the Installation guide to install @beeq/core and load global styles. CDN users can skip straight to the HTML / Web Components guide.
  3. Open your framework guide for wrapper setup, icons, and stack-specific patterns.
  4. Explore the Components once BEEQ is running in your app.
  5. Review Theming if your project needs customization beyond the default theme.