# 21st Framecn Framecn, 13 React UI components, live previews & code, EneUI

All 13 21st Framecn Framecn components in the catalog with live previews, full source and a one-line install. Most used: toast notification, blur out up, shader dithering. The declared licence is MIT.

> Page: https://ui.eneawork.it/components/lib/21st-framecn--framecn
> Markdown: https://ui.eneawork.it/components/lib/21st-framecn--framecn.md

**Components:** 13

- [toast-notification](https://ui.eneawork.it/comp/21st-framecn--framecn/toast-notification), 21st-framecn--framecn
- [blur-out-up](https://ui.eneawork.it/comp/21st-framecn--framecn/blur-out-up), 21st-framecn--framecn
- [shader-dithering](https://ui.eneawork.it/comp/21st-framecn--framecn/shader-dithering), 21st-framecn--framecn
- [top-down-letters](https://ui.eneawork.it/comp/21st-framecn--framecn/top-down-letters), 21st-framecn--framecn
- [zoom-through-transition](https://ui.eneawork.it/comp/21st-framecn--framecn/zoom-through-transition), 21st-framecn--framecn
- [format-morph](https://ui.eneawork.it/comp/21st-framecn--framecn/format-morph), 21st-framecn--framecn
- [strikethrough-replace](https://ui.eneawork.it/comp/21st-framecn--framecn/strikethrough-replace), 21st-framecn--framecn
- [terminal-to-browser-deploy](https://ui.eneawork.it/comp/21st-framecn--framecn/terminal-to-browser-deploy), 21st-framecn--framecn
- [ai-generate-overlay](https://ui.eneawork.it/comp/21st-framecn--framecn/ai-generate-overlay), 21st-framecn--framecn
- [message-bubble](https://ui.eneawork.it/comp/21st-framecn--framecn/message-bubble), 21st-framecn--framecn
- [glass-code-block](https://ui.eneawork.it/comp/21st-framecn--framecn/glass-code-block), 21st-framecn--framecn
- [tracking-in](https://ui.eneawork.it/comp/21st-framecn--framecn/tracking-in), 21st-framecn--framecn

## FAQ

### How many components are in the 21st Framecn Framecn library?

13 21st Framecn Framecn components are in the catalog, each with a live preview, full source and a one-line install command.

### Is the 21st Framecn Framecn library free?

The declared licence is MIT.

### What framework does 21st Framecn Framecn target?

21st Framecn Framecn 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 21st Framecn Framecn component?

"toast notification" is the most starred one, out of 13 available.

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

21st Framecn Framecn mainly covers 21st, Text Animation, Video, Toast.


## Install

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