Design systems, not screens.

Rebar is a visual design environment for the web. AI brings the speed, you bring the judgment, and every screen stays on system, all the way to clean HTML & CSS.

Follow @PeiwenLu for updates

Visual Canvas

.card320 × 148

Design System

Composable UI

One set of tokens and components, shared by every product team.

Get StartedDocumentation

Production OutputCSS

.card {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: var(--space-md);
  background: var(--surface-1);
  border-radius: var(--radius-lg);
}

01
Precision beyond prompts
Chat gets you a first pass, not the last 10%. Tune spacing, type, and color directly on the canvas while AI takes care of the busywork.
02
Native to the web
No mockups to translate. What you lay out on the canvas behaves like a real web page from the very first element.
03
From tokens to code
Design tokens and reusable components carry straight into the CSS, and it stays as readable as your own.

Design systems, not screens.

Precision beyond prompts

Native to the web

From tokens to code