Braid Design System

A themeable design system for the SEEK Group.

Explore

Foundations, components, patterns, and more for building with Braid. Start with the concepts, then jump into the pieces you need — or use templates and styles when you want a head start.

Foundations

Core concepts like layout, tones, and iconography. The shared language behind how Braid looks and fits together.

Components

The full suite of React components available in Braid. Accessible, themeable building blocks for product UI.

Patterns

Reusable patterns composing components into common experiences. Practical recipes for forms, lists, and everyday layouts.

Templates

Page-level starting points for building new screens. Copy a layout or section and swap in your content.

Styles

Low-level CSS utilities and styling primitives. Atoms and helpers for custom layout when components aren’t enough.

New to Braid?

Browse the guides for the design and development workflows.

Releases

What’s new in Braid

Gallery

Browse on canvas-style artboard

Playroom

Prototype with live components

GitHub

Source code, issues, and PRs