# Base Ui, 197 React UI components, live previews & code, EneUI

All 197 Base Ui components in the catalog with live previews, full source and a one-line install. Most used: action, adaptiveoriginconstants.ts, adaptiveoriginmiddleware.ts. The declared licence is MIT.

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

**Components:** 197

- [action](https://ui.eneawork.it/comp/base-ui/action), base-ui
- [adaptiveoriginconstants.ts](https://ui.eneawork.it/comp/base-ui/adaptiveoriginconstants.ts), base-ui
- [adaptiveoriginmiddleware.ts](https://ui.eneawork.it/comp/base-ui/adaptiveoriginmiddleware.ts), base-ui
- [button](https://ui.eneawork.it/comp/base-ui/button), base-ui
- [button.tsx](https://ui.eneawork.it/comp/base-ui/button.tsx), base-ui
- [buttondataattributes.ts](https://ui.eneawork.it/comp/base-ui/buttondataattributes.ts), base-ui
- [buttondataattributes.tsx](https://ui.eneawork.it/comp/base-ui/buttondataattributes.tsx), base-ui
- [checkbox-item](https://ui.eneawork.it/comp/base-ui/checkbox-item), base-ui
- [checkbox-item-indicator](https://ui.eneawork.it/comp/base-ui/checkbox-item-indicator), base-ui
- [checkboxgroup.tsx](https://ui.eneawork.it/comp/base-ui/checkboxgroup.tsx), base-ui
- [checkboxgroupcontext.ts](https://ui.eneawork.it/comp/base-ui/checkboxgroupcontext.ts), base-ui
- [checkboxgroupdataattributes.ts](https://ui.eneawork.it/comp/base-ui/checkboxgroupdataattributes.ts), base-ui

## FAQ

### How many components are in the Base Ui library?

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

### Is the Base Ui library free?

The declared licence is MIT.

### What framework does Base Ui target?

Base Ui 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 Base Ui component?

"action" is the most starred one, out of 197 available.

### How do I add a Base Ui 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 Base Ui ship?

Base Ui mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/base-ui/%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`.