# 21st Paper Design, 109 React UI components, live previews & code, EneUI

All 109 21st Paper Design components in the catalog with live previews, full source and a one-line install. Most used: pulsing border, liquid metal, neuro noise. The declared licence is apache-2.0.

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

**Components:** 109

- [pulsing-border](https://ui.eneawork.it/comp/21st-paper-design/pulsing-border), 21st-paper-design
- [liquid-metal](https://ui.eneawork.it/comp/21st-paper-design/liquid-metal), 21st-paper-design
- [neuro-noise](https://ui.eneawork.it/comp/21st-paper-design/neuro-noise), 21st-paper-design
- [fluted-glass](https://ui.eneawork.it/comp/21st-paper-design/fluted-glass), 21st-paper-design
- [metaballs](https://ui.eneawork.it/comp/21st-paper-design/metaballs), 21st-paper-design
- [smoke-ring](https://ui.eneawork.it/comp/21st-paper-design/smoke-ring), 21st-paper-design
- [mesh-gradient](https://ui.eneawork.it/comp/21st-paper-design/mesh-gradient), 21st-paper-design
- [dithering](https://ui.eneawork.it/comp/21st-paper-design/dithering), 21st-paper-design
- [gem-smoke](https://ui.eneawork.it/comp/21st-paper-design/gem-smoke), 21st-paper-design
- [color-panels](https://ui.eneawork.it/comp/21st-paper-design/color-panels), 21st-paper-design
- [halftone-dots](https://ui.eneawork.it/comp/21st-paper-design/halftone-dots), 21st-paper-design
- [grain-gradient](https://ui.eneawork.it/comp/21st-paper-design/grain-gradient), 21st-paper-design

## FAQ

### How many components are in the 21st Paper Design library?

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

### Is the 21st Paper Design library free?

The declared licence is apache-2.0.

### What framework does 21st Paper Design target?

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

"pulsing border" is the most starred one, out of 109 available.

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

21st Paper Design mainly covers 21st, Glsl, Animated, Texture.


## Install

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