# 3D Effect components

> Bring depth to your UI with 103 React components featuring 3D effects, seamlessly styled with Tailwind CSS for immersive Next.js designs.

51 components available. Showing all of them below.

- [3D parallax effect on hover](https://21st.dev/@minhxthanh/components/3d-parallax-effect-on-hover.md) — by Le Thanh
- [3D Carousel](https://21st.dev/@cult-ui/components/3d-carousel.md) — by cult/ui
- [Halide Topo Hero](https://21st.dev/@shivendra9795kumar/components/halide-topo-hero.md) — by Shivendra Kumar
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/gravitate.md) — by tom
- [Stacked Panels Cursor intereactive component](https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component.md) — by shadway
- [3D Folder](https://21st.dev/@jatin-yadav05/components/3d-folder.md) — by Jatin Yadav
- [Dock](https://21st.dev/@ruixen.ui/components/dock.md) — by Ruixen UI
- [Tilt](https://21st.dev/@ibelick/components/tilt.md) — by Julien Thibeaut
- [Tilt](https://21st.dev/@ibelick/components/tilt/with-spotlight.md) — by Julien Thibeaut
- [Connoisseur Stack Interactor](https://21st.dev/@hardikkashiyani123456788/components/connoisseur-stack-interactor.md) — by Hardik Kashiyani
- [3D Adaptive Navigation Bar](https://21st.dev/@omrohilla6/components/3d-adaptive-navigation-bar.md) — by Om
- [bluetooth key](https://21st.dev/@theutkarshmail/components/bluetooth-key.md) — by Utkarsh Pandey
- [lever-switch](https://21st.dev/@theutkarshmail/components/lever-switch.md) — by Utkarsh Pandey
- [3D Card Effect](https://21st.dev/@manuarora700/components/3d-card-effect.md) — by Manu Arora
- [Marketing Badges](https://21st.dev/@jatin-yadav05/components/marketing-badges.md) — by Jatin Yadav
- [3D Marquee](https://21st.dev/@manuarora700/components/3d-marquee.md) — by Manu Arora
- [Perspective Book](https://21st.dev/@tom_ui/components/perspective-book.md) — by tom
- [Tilted Dock](https://21st.dev/@ruixen.ui/components/tilted-dock.md) — by Ruixen UI
- [3d button](https://21st.dev/@theutkarshmail/components/3d-button.md) — by Utkarsh Pandey
- [3D Flip Card](https://21st.dev/@ayushmxxn_c278bc2d/components/3d-flip-card.md) — by Ayushmaan Singh
- [Image Spotlight](https://21st.dev/@tonyzebastian/components/image-spotlight.md) — by Tony Sebastian
- [Warp Dialog](https://21st.dev/@molecule-lab-rushil/components/warp-dialog.md) — by Rushil Dhinoja
- [3D Button](https://21st.dev/@yashsehgal/components/3d-button.md) — by Yash Sehgal
- [Cards](https://21st.dev/@prebuiltui/components/cards/on-hover-tilt-effect-card.md) — by prebuiltui
- [Book](https://21st.dev/@shugar/components/book/custom-illustration.md) — by tigran tumasov
- [3d effect Loader](https://21st.dev/@theutkarshmail/components/3d-effect-loader.md) — by Utkarsh Pandey
- [Pop Button](https://21st.dev/@tom_ui/components/pop-button.md) — by tom
- [LiquidGlass](https://21st.dev/@manfromexistence/components/liquid-glass.md) — by Man From Existence
- [3d-card](https://21st.dev/@n38693842/components/3d-card.md) — by aayushhhh_here
- [3D Radio Group](https://21st.dev/@ravikatiyar162/components/3d-radio-group.md) — by Ravi Katiyar
- [Button](https://21st.dev/@beratberkayg/components/button-4.md) — by beratberkay
- [Product Bounce Card](https://21st.dev/@ruixen.ui/components/product-bounce-card.md) — by Ruixen UI
- [Metal Button](https://21st.dev/@designali-in/components/metal-button.md) — by Ali Imam
- [switch](https://21st.dev/@shailendrakumar19999/components/switch.md) — by Shailendra
- [Retro Button](https://21st.dev/@serafimcloud/components/retro-button.md) — by Serafim
- [Button](https://21st.dev/@avanishverma4/components/button.md) — by Awanish Verma
- [Animated Feature Spotlight 3D](https://21st.dev/@ruixen.ui/components/animated-feature-spotlight3d.md) — by Ruixen UI
- [Animated Feature Spotlight 3D](https://21st.dev/@ruixen.ui/components/animated-feature-spotlight3d/default-demo-1.md) — by Ruixen UI
- [Liquid Glass boxes](https://21st.dev/@uniquesonu/components/liquid-glass-boxes.md) — by Sonu
- [HoloCard](https://21st.dev/@dhileepkumargm/components/holo-card.md) — by Dhileep Kumar GM
- [BentoItem](https://21st.dev/@dhileepkumargm/components/bento-item.md) — by Dhileep Kumar GM
- [Animated Feature Spotlight 3D](https://21st.dev/@ruixen.ui/components/animated-feature-spotlight3d/default-demo-2.md) — by Ruixen UI
- [Stack Pagination](https://21st.dev/@ruixen.ui/components/stack-pagination.md) — by Ruixen UI
- [Depth Button](https://21st.dev/@devetaigabbai/components/depth-button.md) — by Etai Gabbai
- [Text Roll](https://21st.dev/@cnippet.dev/components/text-roll/navigation-links.md) — by Cnippet
- [3d Wrapper](https://21st.dev/@badtzx0/components/3d-wrapper.md) — by badtz
- [React Shimmer Button Component: A Customizable Button with Animated Effects](https://21st.dev/@uniquesonu/components/shimmer-button.md) — by Sonu
- [Gradient Text Fill](https://21st.dev/@grootstudio/components/gradient-text-fill.md) — by Groot Studio
- [ZoomDepthTabs](https://21st.dev/@ruixen.ui/components/zoom-depth-tabs.md) — by Ruixen UI
- [Vector Tilt Scene](https://21st.dev/@nexus-ui/components/vector-tilt-scene.md) — by Nexus UI
- [3D Feature Cards](https://21st.dev/@dhileepkumargm/components/3d-feature-cards.md) — by Dhileep Kumar GM

Full component directory: https://21st.dev/llms.txt