# 21st Radiumcoders, 29 React UI components, live previews & code, EneUI

All 29 21st Radiumcoders components in the catalog with live previews, full source and a one-line install. Most used: live orb, chrome button, frame button. The declared licence is MIT.

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

**Components:** 29

- [live-orb](https://ui.eneawork.it/comp/21st-radiumcoders/live-orb), 21st-radiumcoders
- [chrome-button](https://ui.eneawork.it/comp/21st-radiumcoders/chrome-button), 21st-radiumcoders
- [frame-button](https://ui.eneawork.it/comp/21st-radiumcoders/frame-button), 21st-radiumcoders
- [highlight-button](https://ui.eneawork.it/comp/21st-radiumcoders/highlight-button), 21st-radiumcoders
- [ascii-fluid](https://ui.eneawork.it/comp/21st-radiumcoders/ascii-fluid), 21st-radiumcoders
- [brutal-button](https://ui.eneawork.it/comp/21st-radiumcoders/brutal-button), 21st-radiumcoders
- [motion-btn](https://ui.eneawork.it/comp/21st-radiumcoders/motion-btn), 21st-radiumcoders
- [shader-metal](https://ui.eneawork.it/comp/21st-radiumcoders/shader-metal), 21st-radiumcoders
- [grid-button](https://ui.eneawork.it/comp/21st-radiumcoders/grid-button), 21st-radiumcoders
- [logo-burst](https://ui.eneawork.it/comp/21st-radiumcoders/logo-burst), 21st-radiumcoders
- [click-powerup](https://ui.eneawork.it/comp/21st-radiumcoders/click-powerup), 21st-radiumcoders
- [ring-tower](https://ui.eneawork.it/comp/21st-radiumcoders/ring-tower), 21st-radiumcoders

## FAQ

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

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

### Is the 21st Radiumcoders library free?

The declared licence is MIT.

### What framework does 21st Radiumcoders target?

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

"live orb" is the most starred one, out of 29 available.

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

21st Radiumcoders mainly covers 21st, Button, Click Animation, Motion.


## Install

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