# Semi Design, 190 React UI components, live previews & code, EneUI

All 190 Semi Design components in the catalog with live previews, full source and a one-line install. Most used: a11y.ts, actionfoundation.ts, aichatdialogue.scss. The declared licence is MIT.

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

**Components:** 190

- [a11y.ts](https://ui.eneawork.it/comp/semi-design/a11y.ts), semi-design
- [actionfoundation.ts](https://ui.eneawork.it/comp/semi-design/actionfoundation.ts), semi-design
- [aichatdialogue.scss](https://ui.eneawork.it/comp/semi-design/aichatdialogue.scss), semi-design
- [aichatinput.scss](https://ui.eneawork.it/comp/semi-design/aichatinput.scss), semi-design
- [alphasliderfoundation.ts](https://ui.eneawork.it/comp/semi-design/alphasliderfoundation.ts), semi-design
- [anchor.scss](https://ui.eneawork.it/comp/semi-design/anchor.scss), semi-design
- [animation.scss](https://ui.eneawork.it/comp/semi-design/animation.scss), semi-design
- [array.ts](https://ui.eneawork.it/comp/semi-design/array.ts), semi-design
- [arraymove.ts](https://ui.eneawork.it/comp/semi-design/arraymove.ts), semi-design
- [arrow.scss](https://ui.eneawork.it/comp/semi-design/arrow.scss), semi-design
- [audioplayer.scss](https://ui.eneawork.it/comp/semi-design/audioplayer.scss), semi-design
- [autocomplete.scss](https://ui.eneawork.it/comp/semi-design/autocomplete.scss), semi-design

## FAQ

### How many components are in the Semi Design library?

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

### Is the Semi Design library free?

The declared licence is MIT.

### What framework does Semi Design target?

Semi Design 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 Semi Design component?

"a11y.ts" is the most starred one, out of 190 available.

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

Semi Design mainly covers React.


## Install

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