# Depth React components, live previews & code, EneUI Browse 13 Depth React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent. > Page: https://ui.eneawork.it/components/cat/depth > Markdown: https://ui.eneawork.it/components/cat/depth.md **Components:** 13 ## Highlights - [wilderness](https://ui.eneawork.it/comp/21st-patrickthomasdunn1988/wilderness), 21st-patrickthomasdunn1988 - [warp-background](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/warp-background), 21st-dillionverma--magic-ui - [immersive-scroll-gallery](https://ui.eneawork.it/comp/21st-ishamsu/immersive-scroll-gallery), 21st-ishamsu - [3d-flip-card](https://ui.eneawork.it/comp/21st-ayushmxxn--serenity-ui/3d-flip-card), 21st-ayushmxxn--serenity-ui - [perspective-highlight](https://ui.eneawork.it/comp/21st-smammar/perspective-highlight), 21st-smammar - [parallax-card](https://ui.eneawork.it/comp/21st-ravikatiyar162/parallax-card), 21st-ravikatiyar162 - [layer-parallax-hero](https://ui.eneawork.it/comp/21st-erikvalencia1/layer-parallax-hero), 21st-erikvalencia1 - [horizontal-depth-fade](https://ui.eneawork.it/comp/21st-unlumen--unlumen-ui/horizontal-depth-fade), 21st-unlumen--unlumen-ui - [parallax-floating](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/parallax-floating), 21st-cnippet-dev--cnippet - [m-parallax-floating-3](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/m-parallax-floating-3), 21st-cnippet-dev--cnippet - [zoom-depth-tabs](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/zoom-depth-tabs), 21st-ruixen.ui--ruixen-ui - [3d-wrapper](https://ui.eneawork.it/comp/21st-badtzx0--badtz-ui/3d-wrapper), 21st-badtzx0--badtz-ui ## FAQ ### How many React Depth components are there? 13 Depth components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Depth component to my project? Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "" with the command shown on the page. ### Are they free? Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit. ### Do they work with Next.js and Tailwind? Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA. ## Related - [All categories](/components) - [Libraries](/libraries)