Installation
Primus UI is a two-layer system. Install both packages to get the full experience.
Packages​
| Package | Role | Size |
|---|---|---|
@primus/ui-core | Base design system — tokens, semantic HTML styles, Web Components | ~35 KB CSS, ~9 KB JS |
primus-react-ui | React component library (80+ components) | — |
primus-angular-ui | Angular component library (50+ components) | — |
primus-angular-ui-legacy | Same as above, for Angular 16–20 | — |
Install​
React:
npm install primus-react-ui @primus/ui-core
Angular:
npm install primus-angular-ui @primus/ui-core
Angular 16–20:
npm install primus-angular-ui-legacy @primus/ui-core
Base layer only (plain HTML / other frameworks):
npm install @primus/ui-core
Or via CDN — no build step required:
<link rel="stylesheet" href="https://unpkg.com/@primus/ui-core/dist/primus-ui.min.css" />
<script type="module" src="https://unpkg.com/@primus/ui-core/dist/primus-ui.min.js"></script>
Next steps​
Once installed, follow the framework-specific setup guide:
- React Setup — imports,
PrimusUiCoreBridge,PrimusProvider - Angular Setup —
angular.jsonstyles, module import, token bridge @primus/ui-coreReference — full component HTML reference