# 3d Effect React components, live previews & code, EneUI Browse 40 3d Effect 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/3d-effect > Markdown: https://ui.eneawork.it/components/cat/3d-effect.md **Components:** 40 ## Highlights - [3d-carousel](https://ui.eneawork.it/comp/21st-cult-ui--cult-ui/3d-carousel), 21st-cult-ui--cult-ui - [halide-topo-hero](https://ui.eneawork.it/comp/21st-shivendra9795kumar/halide-topo-hero), 21st-shivendra9795kumar - [connoisseur-stack-interactor](https://ui.eneawork.it/comp/21st-hardikkashiyani123456788/connoisseur-stack-interactor), 21st-hardikkashiyani123456788 - [3d-folder](https://ui.eneawork.it/comp/21st-jatin-yadav05/3d-folder), 21st-jatin-yadav05 - [stacked-panels-cursor-intereactive-component](https://ui.eneawork.it/comp/21st-moazamtrade--shadway/stacked-panels-cursor-intereactive-component), 21st-moazamtrade--shadway - [marketing-badges](https://ui.eneawork.it/comp/21st-jatin-yadav05/marketing-badges), 21st-jatin-yadav05 - [dock](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/dock), 21st-ruixen.ui--ruixen-ui - [lever-switch](https://ui.eneawork.it/comp/21st-theutkarshmail/lever-switch), 21st-theutkarshmail - [3d-adaptive-navigation-bar](https://ui.eneawork.it/comp/21st-rhllom/3d-adaptive-navigation-bar), 21st-rhllom - [3d-adaptive-navigation-bar](https://ui.eneawork.it/comp/21st-omrohilla6/3d-adaptive-navigation-bar), 21st-omrohilla6 - [3d-button](https://ui.eneawork.it/comp/21st-theutkarshmail/3d-button), 21st-theutkarshmail - [bluetooth-key](https://ui.eneawork.it/comp/21st-theutkarshmail/bluetooth-key), 21st-theutkarshmail ## FAQ ### How many React 3d Effect components are there? 40 3d Effect components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a 3d Effect 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)