# 21st Designali In, 146 React UI components, live previews & code, EneUI All 146 21st Designali In components in the catalog with live previews, full source and a one-line install. Most used: liquid glass button, shader animation, web gl shader. The declared licence is MIT. > Page: https://ui.eneawork.it/components/lib/21st-designali-in > Markdown: https://ui.eneawork.it/components/lib/21st-designali-in.md **Components:** 146 - [liquid-glass-button](https://ui.eneawork.it/comp/21st-designali-in/liquid-glass-button), 21st-designali-in - [shader-animation](https://ui.eneawork.it/comp/21st-designali-in/shader-animation), 21st-designali-in - [web-gl-shader](https://ui.eneawork.it/comp/21st-designali-in/web-gl-shader), 21st-designali-in - [shader-lines](https://ui.eneawork.it/comp/21st-designali-in/shader-lines), 21st-designali-in - [shiny-button](https://ui.eneawork.it/comp/21st-designali-in/shiny-button), 21st-designali-in - [glsl-hills](https://ui.eneawork.it/comp/21st-designali-in/glsl-hills), 21st-designali-in - [canvas](https://ui.eneawork.it/comp/21st-designali-in/canvas), 21st-designali-in - [glowing-shadow](https://ui.eneawork.it/comp/21st-designali-in/glowing-shadow), 21st-designali-in - [gallery](https://ui.eneawork.it/comp/21st-designali-in/gallery), 21st-designali-in - [highlighter](https://ui.eneawork.it/comp/21st-designali-in/highlighter), 21st-designali-in - [calendar](https://ui.eneawork.it/comp/21st-designali-in/calendar), 21st-designali-in - [accordion-05](https://ui.eneawork.it/comp/21st-designali-in/accordion-05), 21st-designali-in ## FAQ ### How many components are in the 21st Designali In library? 146 21st Designali In components are in the catalog, each with a live preview, full source and a one-line install command. ### Is the 21st Designali In library free? The declared licence is MIT. ### What framework does 21st Designali In target? 21st Designali In 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 Designali In component? "liquid glass button" is the most starred one, out of 146 available. ### How do I add a 21st Designali In 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 Designali In ship? 21st Designali In mainly covers 21st, Background Animation, Colorful, Particle. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-designali-in/%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`.