# Visant, 149 React UI components, live previews & code, EneUI

All 149 Visant components in the catalog with live previews, full source and a one-line install. Most used: activity heatmap, agent rules, anatomia. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 149

- [activity-heatmap](https://ui.eneawork.it/comp/visant/activity-heatmap), visant
- [agent-rules](https://ui.eneawork.it/comp/visant/agent-rules), visant
- [anatomia](https://ui.eneawork.it/comp/visant/anatomia), visant
- [anatomia-como-sobe](https://ui.eneawork.it/comp/visant/anatomia-como-sobe), visant
- [anatomia-fichario](https://ui.eneawork.it/comp/visant/anatomia-fichario), visant
- [anatomia-memoria](https://ui.eneawork.it/comp/visant/anatomia-memoria), visant
- [anatomia-permissao](https://ui.eneawork.it/comp/visant/anatomia-permissao), visant
- [anatomia-script](https://ui.eneawork.it/comp/visant/anatomia-script), visant
- [anatomia-tokens](https://ui.eneawork.it/comp/visant/anatomia-tokens), visant
- [anatomia-tomadas](https://ui.eneawork.it/comp/visant/anatomia-tomadas), visant
- [assignee-stack](https://ui.eneawork.it/comp/visant/assignee-stack), visant
- [auth-button](https://ui.eneawork.it/comp/visant/auth-button), visant

## FAQ

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

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

### Is the Visant library free?

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

### What framework does Visant target?

Visant 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 Visant component?

"activity heatmap" is the most starred one, out of 149 available.

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

Visant mainly covers React.


## Install

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