DocsBack to homepage

Start Here

  • Getting Started
  • Key Concepts

Design Tokens

  • Token Types
  • Token Modes
  • Token Enforcement
  • Deprecated Tokens
  • Quality and Accessibility

Components

  • Component Builder
  • Composition Rules

Publishing

  • Publishing
  • Docs Mode
  • Changelog Notifications
  • Notifications and Alerts

Integrations

CLI & Data

  • CLI Reference
  • CLI Configuration
  • Import Formats
  • Importing Tokens
  • Export Formats

Tooling

  • Studio AI Assistant
  • Figma Plugin
  • API Reference
  • Webhooks

Account & Billing

  • Audit Log
  • Security and Access
  • Account Security
  • Pricing and Payments

Documentation

Integrations

Publish your design system once in ReframeUI, then consume it everywhere. Framework integrations give you typed, tree-shakable components. For plain HTML pages or environments without a build step, load the Web Components bundle from the CDN.

How integrations work

Every time you publish a new version in Studio, ReframeUI generates framework-specific packages. Each package contains typed component wrappers that reference your tokens, so autocompletion and type checking work out of the box.

When you publish, consuming apps receive an auto-PR with a visual changelog so you can review token and component changes before merging. No live endpoint or CDN. You control when each update lands.

Choose your framework

React →

Typed components via npm. Works with Next.js, Remix, Vite, and any React setup.

Vue →

Global plugin or individual imports. Full Nuxt support included.

Angular →

NgModule or standalone component import. Works with Angular 16+.

Svelte →

Generated .svelte wrappers with reactive props. Works with SvelteKit and Vite.

Solid →

Generated SolidJS wrappers with typed props and reactive signals. Works with SolidStart and Vite.

Web Components →

CDN bundle with no build step. Drop a script tag into any HTML page.