# 21st User Xn1cklas, 4 React UI components, live previews & code, EneUI All 4 21st User Xn1cklas components in the catalog with live previews, full source and a one-line install. Most used: qr code generator, public stats, weather card. The declared licence is . > Page: https://ui.eneawork.it/components/lib/21st-user_xn1cklas > Markdown: https://ui.eneawork.it/components/lib/21st-user_xn1cklas.md **Components:** 4 - [qr-code-generator](https://ui.eneawork.it/comp/21st-user_xn1cklas/qr-code-generator), 21st-user_xn1cklas - [public-stats](https://ui.eneawork.it/comp/21st-user_xn1cklas/public-stats), 21st-user_xn1cklas - [weather-card](https://ui.eneawork.it/comp/21st-user_xn1cklas/weather-card), 21st-user_xn1cklas - [news-search](https://ui.eneawork.it/comp/21st-user_xn1cklas/news-search), 21st-user_xn1cklas ## FAQ ### How many components are in the 21st User Xn1cklas library? 4 21st User Xn1cklas components are in the catalog, each with a live preview, full source and a one-line install command. ### Is the 21st User Xn1cklas library free? The declared licence is . ### What framework does 21st User Xn1cklas target? 21st User Xn1cklas 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 User Xn1cklas component? "qr code generator" is the most starred one, out of 4 available. ### How do I add a 21st User Xn1cklas 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 User Xn1cklas ship? 21st User Xn1cklas mainly covers 21st, Card, Dark, Download. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-user_xn1cklas/%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`.