Installation

Package Manager

Pick your framework — each package includes @tessera-ui/core as a dependency:

# React
npm install @tessera-ui/react

# Vue
npm install @tessera-ui/vue

# Angular
npm install @tessera-ui/angular

# Or use the core package directly (vanilla / any framework)
npm install @tessera-ui/core

CDN

For quick prototyping with no build step:

<script type="module" src="https://unpkg.com/@tessera-ui/core/dist/tessera-ui/tessera-ui.esm.js"></script>

---

What happens on import

When you import from any Tessera UI package:

1. All 71 components are registered and ready to use
2. Design tokens (CSS custom properties) are loaded — colors, spacing, typography, shadows
3. Dark mode, density, and high-contrast theme support is included

No manual setup, no extra configuration files, no CSS imports. See the Usage page for framework-specific setup and examples.