# Sona Ui, 47 React UI components, live previews & code, EneUI

All 47 Sona Ui components in the catalog with live previews, full source and a one-line install. Most used: accordion, activity graph, agent skill. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 47

- [accordion](https://ui.eneawork.it/comp/sona-ui/accordion), sona-ui
- [activity-graph](https://ui.eneawork.it/comp/sona-ui/activity-graph), sona-ui
- [agent-skill](https://ui.eneawork.it/comp/sona-ui/agent-skill), sona-ui
- [animated-checkbox](https://ui.eneawork.it/comp/sona-ui/animated-checkbox), sona-ui
- [animated-dialog](https://ui.eneawork.it/comp/sona-ui/animated-dialog), sona-ui
- [animated-dropdown](https://ui.eneawork.it/comp/sona-ui/animated-dropdown), sona-ui
- [animated-switch](https://ui.eneawork.it/comp/sona-ui/animated-switch), sona-ui
- [animated-tabs](https://ui.eneawork.it/comp/sona-ui/animated-tabs), sona-ui
- [assignment-cluster](https://ui.eneawork.it/comp/sona-ui/assignment-cluster), sona-ui
- [avatar-showcase](https://ui.eneawork.it/comp/sona-ui/avatar-showcase), sona-ui
- [bubble-up-button](https://ui.eneawork.it/comp/sona-ui/bubble-up-button), sona-ui
- [button](https://ui.eneawork.it/comp/sona-ui/button), sona-ui

## FAQ

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

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

### Is the Sona Ui library free?

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

### What framework does Sona Ui target?

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

"accordion" is the most starred one, out of 47 available.

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

Sona Ui mainly covers React.


## Install

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