A framework-agnostic
Web Components UI library
One set of components, running everywhere. Zero framework dependency — works with plain HTML, React, Vue and more.
Use cases
Why Web Components? — built once, runs everywhere. These are the situations where it wins.
Mixed-stack team, one library
One codebase for your React, Vue and Svelte projects — consistent behavior and styling, no duplication.
Micro-frontends, unified UX
Each sub-app keeps its own stack, but the UI language stays consistent — OAS-UI does not dictate a framework.
Long-lived apps, no rewrites
Frameworks come and go; your component assets stay. Bound to the browser standard, not to one generation.
Zero build, instant use
One CDN script and <oas-button> just works — no node, no bundler required.
Use it like HTML
Web Components are a browser standard. The same code runs everywhere — framework adapters are optional.
modern frameworks, all covered.
Works in plain HTML out of the box; official integration plugins for Vue and React, SSR ready.
1<!-- plain HTML: drop-in --> 2<script type="module" src="https://unpkg.com/@oas-ui/ui"></script> 3 4<oas-button type="primary">Save</oas-button> 5<oas-input placeholder="Type here"></oas-input>
Performance at a glance
Public baseline, reproducible — full methodology and per-component numbers in the docs.
tree-shakable · import one component, bundle only its own chain
Three lines. Then ship.
Install, import, build — then write your UI like plain HTML.
one pnpm command
theme + ui entries
<oas-button> directly