Choose the path that fits your role
Different people come to BEEQ with different goals. BEEQ supports two main onboarding paths, start with the resources that will help you get productive fastest.Get familiar with BEEQ
Before diving into the details, it helps to understand what BEEQ includes and how it is meant to be used. A few things to keep in mind as you explore:- Reusable components: A shared library of production-ready UI building blocks.
- Framework-agnostic: Built on web components and usable across major frontend stacks.
- Design foundations: Guidance for colour, typography, spacing, and other visual rules.
- Accessibility: Components and guidance designed to support inclusive experiences.
- Customization: Theming and white-label capabilities for different brands and products.
Core resources
Whichever path you choose, these resources will help you get oriented quickly.For designers
- Design principles — Learn the values and methodology behind the system.
- Figma setup — Duplicate, publish, and enable the BEEQ Figma library in your workspace.
- Design foundations — Find color, typography, spacing, and icon guidance for visual decisions.
For developers
- Components — Review available components and their capabilities.
- Storybook Demo — Preview components and explore usage examples.
- GitHub — Access the source code, packages, and contribution workflow.