Drag a component from the library to begin building

Active Theme

About tokens

Switching a theme swaps the --bs-* token values on the canvas. Every app importing this token set updates instantly.

Select a component on the canvas to inspect it

Viewport

Canvas width

Constrains the canvas frame to simulate target viewport. Token layout breakpoints remain active.

Kitchen Sink

All BrandSync components in one place. The active theme controls every token.

Typography

Kicker / label

Body copy — DM Sans for reading, JetBrains Mono for chrome and metrics.

Muted supporting text for descriptions and hints.

Draft Monthly Published Review Missing

Brand name

Tagline

Brand voice

Each theme overrides the same --bs-* token set. Applying one propagates to every component instantly.

Add components to the builder canvas first.