# 21st Johuniq, 5 React UI components, live previews & code, EneUI All 5 21st Johuniq components in the catalog with live previews, full source and a one-line install. Most used: liquid metal button, date wheel picker, ai prompt box. The declared licence is MIT. > Page: https://ui.eneawork.it/components/lib/21st-johuniq > Markdown: https://ui.eneawork.it/components/lib/21st-johuniq.md **Components:** 5 - [liquid-metal-button](https://ui.eneawork.it/comp/21st-johuniq/liquid-metal-button), 21st-johuniq - [date-wheel-picker](https://ui.eneawork.it/comp/21st-johuniq/date-wheel-picker), 21st-johuniq - [ai-prompt-box](https://ui.eneawork.it/comp/21st-johuniq/ai-prompt-box), 21st-johuniq - [animated-theme-toggle](https://ui.eneawork.it/comp/21st-johuniq/animated-theme-toggle), 21st-johuniq - [joly-button](https://ui.eneawork.it/comp/21st-johuniq/joly-button), 21st-johuniq ## FAQ ### How many components are in the 21st Johuniq library? 5 21st Johuniq components are in the catalog, each with a live preview, full source and a one-line install command. ### Is the 21st Johuniq library free? The declared licence is MIT. ### What framework does 21st Johuniq target? 21st Johuniq 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 Johuniq component? "liquid metal button" is the most starred one, out of 5 available. ### How do I add a 21st Johuniq 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 Johuniq ship? 21st Johuniq mainly covers 21st, Button, Glow, Hover Effect. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-johuniq/%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`.