# Tokenui, 17 React UI components, live previews & code, EneUI

All 17 Tokenui components in the catalog with live previews, full source and a one-line install. Most used: button, color contrast, color palette. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

> Page: https://ui.eneawork.it/components/lib/tokenui
> Markdown: https://ui.eneawork.it/components/lib/tokenui.md

**Components:** 17

- [button](https://ui.eneawork.it/comp/tokenui/button), tokenui
- [color-contrast](https://ui.eneawork.it/comp/tokenui/color-contrast), tokenui
- [color-palette](https://ui.eneawork.it/comp/tokenui/color-palette), tokenui
- [color-swatch](https://ui.eneawork.it/comp/tokenui/color-swatch), tokenui
- [color-token](https://ui.eneawork.it/comp/tokenui/color-token), tokenui
- [duration-token](https://ui.eneawork.it/comp/tokenui/duration-token), tokenui
- [elevation-token](https://ui.eneawork.it/comp/tokenui/elevation-token), tokenui
- [font-family-token](https://ui.eneawork.it/comp/tokenui/font-family-token), tokenui
- [font-weight-token](https://ui.eneawork.it/comp/tokenui/font-weight-token), tokenui
- [icon-token](https://ui.eneawork.it/comp/tokenui/icon-token), tokenui
- [number-token](https://ui.eneawork.it/comp/tokenui/number-token), tokenui
- [order-token](https://ui.eneawork.it/comp/tokenui/order-token), tokenui

## FAQ

### How many components are in the Tokenui library?

17 Tokenui components are in the catalog, each with a live preview, full source and a one-line install command.

### Is the Tokenui library free?

The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

### What framework does Tokenui target?

Tokenui targets React: the components are written for that renderer and drop into Next.js, Vite or CRA the same way.

### What is the most popular Tokenui component?

"button" is the most starred one, out of 17 available.

### How do I add a Tokenui component to my project?

Open the component and hit Copy code (or Install): the source lands in your components folder, or run the npx shadcn add command shown on the page.

### What kind of interfaces does Tokenui ship?

Tokenui mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/tokenui/%3Ccomponent-name%3E.json?token=YOUR_TOKEN"
```

The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry/<library>/<name>.json`.