Documentation
ReframeUI Docs
ReframeUI is a design system platform for brand guardians, platform engineers, and agencies. Define your tokens once. Every app, every platform, every client stays in sync automatically. No manual updates. No drift. No "did you update your version?"
How it works
- Step 1
Define tokens
Set your brand's colors, spacing, and typography in the visual editor. Every component references these values. Change a token, every component updates.
- Step 2
Compose components
Configure components from composable blocks: slots, variants, layout, behavior. Build what your brand needs, not what a preset allows.
- Step 3
Publish instantly
Merge to main: live endpoint updates immediately, versioned npm package publishes automatically. Every app consuming your design system reflects the change. No manual sync, no redeploy, no coordination.
Browse the docs
Getting Started →
Set up your first design system in under 10 minutes.
Key Concepts →
Tokens, modes, branching, versioning. Understand how it all fits together.
Integrations →
Typed components for React, Vue, and Angular. CDN Web Components for any HTML page. One design system, every platform your apps target.
CLI Reference →
reframe login, reframe dev, reframe publish. All commands documented.
Figma Plugin →
Designers always work from real token values, not a snapshot from last month. Two-way sync keeps Studio and Figma in lockstep.
Pricing and Payments →
How editor seats, consumer seats, branches, and agency client workspaces are priced and what each unlocks.