# Magicui, 189 React UI components, live previews & code, EneUI

All 189 Magicui components in the catalog with live previews, full source and a one-line install. Most used: android, android demo, android demo 2. The declared licence is .

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

**Components:** 189

- [android](https://ui.eneawork.it/comp/magicui/android), magicui
- [android-demo](https://ui.eneawork.it/comp/magicui/android-demo), magicui
- [android-demo-2](https://ui.eneawork.it/comp/magicui/android-demo-2), magicui
- [android-demo-3](https://ui.eneawork.it/comp/magicui/android-demo-3), magicui
- [animated-beam](https://ui.eneawork.it/comp/magicui/animated-beam), magicui
- [animated-beam-bidirectional](https://ui.eneawork.it/comp/magicui/animated-beam-bidirectional), magicui
- [animated-beam-demo](https://ui.eneawork.it/comp/magicui/animated-beam-demo), magicui
- [animated-beam-multiple-inputs](https://ui.eneawork.it/comp/magicui/animated-beam-multiple-inputs), magicui
- [animated-beam-multiple-outputs](https://ui.eneawork.it/comp/magicui/animated-beam-multiple-outputs), magicui
- [animated-beam-unidirectional](https://ui.eneawork.it/comp/magicui/animated-beam-unidirectional), magicui
- [animated-circular-progress-bar](https://ui.eneawork.it/comp/magicui/animated-circular-progress-bar), magicui
- [animated-circular-progress-bar-demo](https://ui.eneawork.it/comp/magicui/animated-circular-progress-bar-demo), magicui

## FAQ

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

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

### Is the Magicui library free?

The declared licence is .

### What framework does Magicui target?

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

"android" is the most starred one, out of 189 available.

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

Magicui mainly covers React.


## Install

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