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.
Token values resolve at runtime from the CDN, so a published change is reflected in every consuming app without rebuilding or redeploying. Component structure and variant types come from the npm package, which you update on your own schedule.
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+.
Web Components →
CDN bundle with no build step. Drop a script tag into any HTML page.