# Frame, 24 React UI components, live previews & code, EneUI

All 24 Frame components in the catalog with live previews, full source and a one-line install. Most used: frame, chat message, chat panel. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 24

- [frame](https://ui.eneawork.it/comp/frame/frame), frame
- [chat-message](https://ui.eneawork.it/comp/frame/chat-message), frame
- [chat-panel](https://ui.eneawork.it/comp/frame/chat-panel), frame
- [chat-input](https://ui.eneawork.it/comp/frame/chat-input), frame
- [message-card](https://ui.eneawork.it/comp/frame/message-card), frame
- [status-tag](https://ui.eneawork.it/comp/frame/status-tag), frame
- [tag](https://ui.eneawork.it/comp/frame/tag), frame
- [side-panel-body](https://ui.eneawork.it/comp/frame/side-panel-body), frame
- [section-count](https://ui.eneawork.it/comp/frame/section-count), frame
- [time-pill](https://ui.eneawork.it/comp/frame/time-pill), frame
- [step-indicator](https://ui.eneawork.it/comp/frame/step-indicator), frame
- [secondary-button](https://ui.eneawork.it/comp/frame/secondary-button), frame

## FAQ

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

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

### Is the Frame library free?

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

### What framework does Frame target?

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

"frame" is the most starred one, out of 24 available.

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

Frame mainly covers React.


## Install

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