Skip to main content
v1.12.3 — What’s new →

Building Excellence,
Enhancing Quality.

BEEQ is Endava’s open-source design system — 37 production-ready web components that work across React, Angular, Vue, and plain HTML. No rewrites. No lock-in. No compromises.

npm install @beeq/core

Prefer a CDN? Add two lines to any HTML page — no build step needed.All setup options.

Get startedBrowse componentsStorybook
WCAG 2.1 AA
37 components
9k+ icons
Apache 2.0

One library

Every framework.
Two lines.

BEEQ is built on standard HTML custom elements. The same component works in React, Angular, Vue, or a plain HTML file — with zero rewrites.

Want typed props and native framework events? The optional @beeq/react, @beeq/angular, and @beeq/vue wrappers give you a first-class developer experience without locking you into a proprietary fork.

See all integrations guides
<!-- 1. Load styles -->
<link
  rel="stylesheet"
  href="https://esm.sh/@beeq/core/dist/beeq/beeq.css"
/>

<!-- 2. Load components + icons -->
<script type="module"
  src="https://esm.sh/@beeq/core/dist/beeq/beeq.esm.js"
  data-beeq="https://esm.sh/@beeq/core/dist/beeq/svg">
</script>

<!-- 3. Use any component -->
<bq-button appearance="primary">Hello BEEQ</bq-button>

Live Preview

See the code.
See it render.

The preview on the left runs live from the actual BEEQ package. Switch between component groups, interact with real components, and use the matching snippets as a starting point for your app.

Production web components
Framework-ready examples
Source-backed API docs
Design tokens and themes
Accessibility guidance
CSS variables and parts
Browse all components

or start with Button, Input, or Select

Why BEEQ

One system for consistent,
branded, accessible delivery.

BEEQ brings product, design, and engineering teams into one shared system — from foundations and tokens to production-ready components and framework integrations.

FoundationDesign tokens
Figma libraryComponent states

Design and code stay aligned

Shared foundations, design tokens, and Figma resources reduce the gap between mockups and implementation.

Brand themesWhite-label
CSS variablesCustomization

Adapt to many brands

Adapt shared components to different brands without forking or duplicating the UI layer.

WCAG AAKeyboard support
Content guidelinesFocus states

Build with accessibility in mind

Build with components designed around accessibility standards, predictable interactions, and inclusive usability patterns.

Comparison

BEEQ is more than components

What you get out of the box compared to off-the-shelf component libraries.

Use case
BEEQ is a good fit when…
A generic UI library may be good when…

Resources

Docs, tools,
and community.

Everything you need to ship, all in one place.

Documentation

Guides, API reference, and recipes to get you up and running fast.

Storybook

Interactive component explorer to preview and prototype with BEEQ.

Component Library

Browse all 37 production-ready components with live examples.

Theming

Learn how to fully customize BEEQ with CSS tokens for your brand.

GitHub

Source code, issues, and discussions. Open source, open development.

Changelog

Stay up to date with what’s new in every release.