Offcanvas
overlay thumb
Braid Design System

Braid Design System

SEEK Group's themeable design system aiming to make cross-brand UI development efficient while maintaining quality and accessibility.

Themeable Components: Offers a set of React components with CSS variable-based styling themes, enabling consistent design across multiple brands.
Simplified API: Focuses on simplicity and composability, making the codebase accessible to both developers and non-developers.
Integrated Design and Development: Utilizes tools like Playroom for real-time prototyping, fostering collaboration between designers and developers in the same medium.
Vanilla Extract for Styling: Employs Vanilla Extract for authoring CSS in TypeScript, allowing for static extraction at build time and generating reusable atomic CSS classes.
Comprehensive Documentation: Provides detailed guides on design and development workflows, component usage, and testing practices to support seamless integration