# 21st Xordev, 15 React UI components, live previews & code, EneUI All 15 21st Xordev components in the catalog with live previews, full source and a one-line install. Most used: atc shader, phosphor 30, starship shader. The declared licence is . > Page: https://ui.eneawork.it/components/lib/21st-xordev > Markdown: https://ui.eneawork.it/components/lib/21st-xordev.md **Components:** 15 - [atc-shader](https://ui.eneawork.it/comp/21st-xordev/atc-shader), 21st-xordev - [phosphor-30](https://ui.eneawork.it/comp/21st-xordev/phosphor-30), 21st-xordev - [starship-shader](https://ui.eneawork.it/comp/21st-xordev/starship-shader), 21st-xordev - [raidal-2](https://ui.eneawork.it/comp/21st-xordev/raidal-2), 21st-xordev - [radial-shader](https://ui.eneawork.it/comp/21st-xordev/radial-shader), 21st-xordev - [lab](https://ui.eneawork.it/comp/21st-xordev/lab), 21st-xordev - [nucleus](https://ui.eneawork.it/comp/21st-xordev/nucleus), 21st-xordev - [cathedral](https://ui.eneawork.it/comp/21st-xordev/cathedral), 21st-xordev - [hive](https://ui.eneawork.it/comp/21st-xordev/hive), 21st-xordev - [launch](https://ui.eneawork.it/comp/21st-xordev/launch), 21st-xordev - [fireflies-1](https://ui.eneawork.it/comp/21st-xordev/fireflies-1), 21st-xordev - [gigabit](https://ui.eneawork.it/comp/21st-xordev/gigabit), 21st-xordev ## FAQ ### How many components are in the 21st Xordev library? 15 21st Xordev components are in the catalog, each with a live preview, full source and a one-line install command. ### Is the 21st Xordev library free? The declared licence is . ### What framework does 21st Xordev target? 21st Xordev 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 Xordev component? "atc shader" is the most starred one, out of 15 available. ### How do I add a 21st Xordev 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 Xordev ship? 21st Xordev mainly covers 21st, Shader Background, Shader, Generative. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-xordev/%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//.json`.