# 3D Card components > Showcase content in style with 88 React 3D card components, combining Tailwind CSS and modern effects for Next.js projects. 75 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/3d-card. - [Gradient Card](https://21st.dev/@jatin-yadav05/components/gradient-card.md) — by Jatin Yadav - [3D Animated Pin](https://21st.dev/@manuarora700/components/3d-pin.md) — by Manu Arora - [Glass Card](https://21st.dev/@Smit-Prajapati/components/glass-card.md) — by Smit Prajapati - [3D Card](https://21st.dev/@kavikatiyar/components/3d-card.md) — by Kavi Katiyar - [Icon 3D Hover](https://21st.dev/@jatin-yadav05/components/icon-3d-hover.md) — by Jatin Yadav - [3D Card Effect](https://21st.dev/@manuarora700/components/3d-card-effect.md) — by Manu Arora - [3d-card](https://21st.dev/@n38693842/components/3d-card.md) — by aayushhhh_here - [3d Sliding Cards](https://21st.dev/@abhinavcdev/components/3d-sliding-cards.md) — by Abhinav C - [Parallax Card](https://21st.dev/@ravikatiyar162/components/parallax-card.md) — by Ravi Katiyar - [HoloCard](https://21st.dev/@dhileepkumargm/components/holo-card.md) — by Dhileep Kumar GM - [3D Perspective Card](https://21st.dev/@dhileepkumargm/components/3d-perspective-card.md) — by Dhileep Kumar GM - [3d image card](https://21st.dev/@itsankitverma/components/3d-image-card.md) — by Ankit Verma - [Standard Card](https://21st.dev/@ranjansharma.ind/components/standard-card.md) — by Ranjan Sharma - [3d Wrapper](https://21st.dev/@badtzx0/components/3d-wrapper.md) — by badtz - [Dimension Card](https://21st.dev/@dhileepkumargm/components/dimensional-card.md) — by Dhileep Kumar GM - [Presence Card](https://21st.dev/@ravikatiyar162/components/presence-card.md) — by Ravi Katiyar - [Interactive Card](https://21st.dev/@user_hardp/components/interactive-card/card-with-image.md) — by user_hardp - [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md) — by Ruixen UI - [Circular Gallery](https://21st.dev/@ravikatiyar162/components/circular-gallery.md) — by Ravi Katiyar - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card.md) — by tom - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/evade.md) — by tom - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/gravitate.md) — by tom - [Image Swiper](https://21st.dev/@easemize/components/image-swiper.md) — by Hossain Jahed - [Card](https://21st.dev/@ravikatiyar162/components/card-21.md) — by Ravi Katiyar - [HolographicCard](https://21st.dev/@dhileepkumargm/components/holographic-card.md) — by Dhileep Kumar GM - [3D Folder](https://21st.dev/@avanishverma4/components/3d-folder.md) — by Awanish Verma - [Glass Testimonial swiper](https://21st.dev/@easemize/components/glass-testimonial-swiper.md) — by Hossain Jahed - [Tilt](https://21st.dev/@ibelick/components/tilt.md) — by Julien Thibeaut - [Tilt](https://21st.dev/@ibelick/components/tilt/with-spotlight.md) — by Julien Thibeaut - [Interactive Frosted Glass Card](https://21st.dev/@dhileepkumargm/components/interactive-frosted-glass-card.md) — by Dhileep Kumar GM - [Playing Card](https://21st.dev/@maxim.bort.devel/components/playing-card.md) — by Maxim Bortnikov - [Cursor Wander Card](https://21st.dev/@coderislive07/components/cursor-wander-card.md) — by Mridul Dhamija - [Animated 3D Card](https://21st.dev/@shailendrakumar19999/components/animated-3d-card.md) — by Shailendra - [Perspective Book](https://21st.dev/@tom_ui/components/perspective-book.md) — by tom - [Animated Card](https://21st.dev/@kavikatiyar/components/animated-card.md) — by Kavi Katiyar - [BeUI Tilt Card](https://21st.dev/@saurabh10102/components/be-ui-tilt-card.md) — by Saurabh Chauhan - [Perspective Highlight](https://21st.dev/@smammar100/components/perspective-highlight.md) — by Syed Mohammad Ammar - [Shirt Parallax Card](https://21st.dev/@ruixen.ui/components/shirt-parallax-card.md) — by Ruixen UI - [3D Flip Card](https://21st.dev/@ayushmxxn_c278bc2d/components/3d-flip-card.md) — by Ayushmaan Singh - [Lunar Gravity Card](https://21st.dev/@alexperezcedeno/components/lunar-gravity-card.md) — by uithefactory - [Reward Card](https://21st.dev/@ravikatiyar162/components/reward-card.md) — by Ravi Katiyar - [Cards](https://21st.dev/@ravikatiyar162/components/cards-1.md) — by Ravi Katiyar - [Book](https://21st.dev/@shugar/components/book.md) — by tigran tumasov - [ThreeD Wall Calendar](https://21st.dev/@ruixen.ui/components/three-dwall-calendar.md) — by Ruixen UI - [Credit Card Hero](https://21st.dev/@ruixen.ui/components/credit-card-hero.md) — by Ruixen UI - [Book](https://21st.dev/@shugar/components/book/textured.md) — by tigran tumasov - [Book](https://21st.dev/@shugar/components/book/custom-illustration.md) — by tigran tumasov - [Book](https://21st.dev/@shugar/components/book/variants.md) — by tigran tumasov - [Book](https://21st.dev/@shugar/components/book/width.md) — by tigran tumasov - [Book](https://21st.dev/@shugar/components/book/custom-color.md) — by tigran tumasov - [Book](https://21st.dev/@shugar/components/book/responsive.md) — by tigran tumasov - [Order Tracking Parallax Card](https://21st.dev/@ruixen.ui/components/order-tracking-parallax-card.md) — by Ruixen UI - [Collection Surfer](https://21st.dev/@componentry/components/collection-surfer.md) — by Componentry - [Floating Card](https://21st.dev/@avanishverma4/components/floating-card.md) — by Awanish Verma - [3D Card](https://21st.dev/@ravikatiyar162/components/3d-card.md) — by Ravi Katiyar - [Tilt Card](https://21st.dev/@JurreHoutkamp/components/tilt-card.md) — by JurreHoutkamp - [3D tilt card](https://21st.dev/@avanishverma4/components/3d-tilt-card.md) — by Awanish Verma - [Card](https://21st.dev/@ravikatiyar162/components/card-17.md) — by Ravi Katiyar - [stack card](https://21st.dev/@avanishverma4/components/stack-card.md) — by Awanish Verma - [Floating Card Gallery](https://21st.dev/@dhileepkumargm/components/floating-card-gallery.md) — by Dhileep Kumar GM Full component directory: https://21st.dev/llms.txt