# Varlet, 154 Vue UI components, live previews & code, EneUI

All 154 Varlet components in the catalog with live previews, full source and a one-line install. Most used: actionitem.vue, actionsheet.vue, alert.vue. The declared licence is MIT.

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

**Components:** 154

- [actionitem.vue](https://ui.eneawork.it/comp/varlet/actionitem.vue), varlet
- [actionsheet.vue](https://ui.eneawork.it/comp/varlet/actionsheet.vue), varlet
- [alert.vue](https://ui.eneawork.it/comp/varlet/alert.vue), varlet
- [appbar.vue](https://ui.eneawork.it/comp/varlet/appbar.vue), varlet
- [autocomplete.vue](https://ui.eneawork.it/comp/varlet/autocomplete.vue), varlet
- [avatar.vue](https://ui.eneawork.it/comp/varlet/avatar.vue), varlet
- [avatargroup.vue](https://ui.eneawork.it/comp/varlet/avatargroup.vue), varlet
- [backtop.vue](https://ui.eneawork.it/comp/varlet/backtop.vue), varlet
- [badge.vue](https://ui.eneawork.it/comp/varlet/badge.vue), varlet
- [bottomnavigation.vue](https://ui.eneawork.it/comp/varlet/bottomnavigation.vue), varlet
- [bottomnavigationitem.vue](https://ui.eneawork.it/comp/varlet/bottomnavigationitem.vue), varlet
- [breadcrumb.vue](https://ui.eneawork.it/comp/varlet/breadcrumb.vue), varlet

## FAQ

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

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

### Is the Varlet library free?

The declared licence is MIT.

### What framework does Varlet target?

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

### What is the most popular Varlet component?

"actionitem.vue" is the most starred one, out of 154 available.

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

Varlet mainly covers Vue.


## Install

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