# 3D components

> Bring depth to your web apps with 23 React 3D components, utilizing Tailwind CSS for visually immersive and interactive designs.

82 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/3d.

- [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim
- [Globe](https://21st.dev/@dillionverma/components/globe.md) — by Dillion Verma
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by shadway
- [3D Carousel](https://21st.dev/@cult-ui/components/3d-carousel.md) — by cult/ui
- [3D Testimonails](https://21st.dev/@sean0205/components/3d-testimonails.md) — by Sean Hello
- [Interactive 3D Robot](https://21st.dev/@aghasisahakyan1/components/interactive-3d-robot.md) — by Erik X
- [COBE Globe](https://21st.dev/@shuding/components/cobe-globe.md) — by shuding
- [Img Sphere](https://21st.dev/@tonyzebastian/components/img-sphere.md) — by Tony Sebastian
- [Interactive Icon Cloud](https://21st.dev/@dillionverma/components/interactive-icon-cloud.md) — by Dillion Verma
- [Perspective Marquee](https://21st.dev/@kapishdima/components/remocn-perspective-marquee.md) — by KapishDima
- [3D Folder](https://21st.dev/@jatin-yadav05/components/3d-folder.md) — by Jatin Yadav
- [3D Folder](https://21st.dev/@avanishverma4/components/3d-folder.md) — by Awanish Verma
- [layered text](https://21st.dev/@xubohuah/components/layered-text.md) — by KainXu
- [3D Image gallery](https://21st.dev/@moazamtrade/components/3d-image-gallery.md) — by shadway
- [Globe Interactive](https://21st.dev/@shuding/components/cobe-globe-interactive.md) — by shuding
- [Globe CDN](https://21st.dev/@shuding/components/cobe-globe-cdn.md) — by shuding
- [3d orbit gallery](https://21st.dev/@moazamtrade/components/3d-orbit-gallery.md) — by shadway
- [Cosmic 404](https://21st.dev/@muhammetbilgin/components/cosmic-404.md) — by Muhammet Bilgin
- [3D Marquee](https://21st.dev/@Shatlyk1011/components/3d-marquee.md) — by Shatlyk1011
- [3D Adaptive Navigation Bar](https://21st.dev/@omrohilla6/components/3d-adaptive-navigation-bar.md) — by Om
- [Globe Polaroids](https://21st.dev/@shuding/components/cobe-globe-polaroids.md) — by shuding
- [Bucket](https://21st.dev/@0xUrvish/components/bucket.md) — by 0xUrvish
- [Globe Live Badge](https://21st.dev/@shuding/components/cobe-globe-live.md) — by shuding
- [Image Sphere](https://21st.dev/@tonyzebastian/components/image-sphere.md) — by Tony Sebastian
- [Robot Flyby](https://21st.dev/@patrick.thomas.dunn1988/components/robot-flyby.md) — by Patrick Dunn
- [Feature Card](https://21st.dev/@ravikatiyar162/components/feature-card-1.md) — by Ravi Katiyar
- [Service Card](https://21st.dev/@lavikatiyar/components/service-card.md) — by Lavi Katiyar
- [Box Loader](https://21st.dev/@jatin-yadav05/components/box-loader.md) — by Jatin Yadav
- [Book](https://21st.dev/@designali-in/components/book/book.md) — by Ali Imam
- [Globe Analytics](https://21st.dev/@shuding/components/cobe-globe-analytics.md) — by shuding
- [Marketing Badges](https://21st.dev/@jatin-yadav05/components/marketing-badges.md) — by Jatin Yadav
- [3D Icon Tabs](https://21st.dev/@andrewlu0/components/3d-icon-tabs-1.md) — by Andrew Luo
- [Folder Interaction](https://21st.dev/@0xUrvish/components/folder-interaction.md) — by 0xUrvish
- [Perspective Book](https://21st.dev/@tom_ui/components/perspective-book.md) — by tom
- [Robot Hero](https://21st.dev/@alexperezcedeno/components/robot-hero.md) — by uithefactory
- [Dot Sphere](https://21st.dev/@designali-in/components/dot-sphere.md) — by Ali Imam
- [3d button](https://21st.dev/@theutkarshmail/components/3d-button.md) — by Utkarsh Pandey
- [3D Box Loader Animation](https://21st.dev/@minhxthanh/components/3d-box-loader-animation.md) — by Le Thanh
- [Globe Stickers](https://21st.dev/@shuding/components/cobe-globe-stickers.md) — by shuding
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-3.md) — by Ravi Katiyar
- [3D Button](https://21st.dev/@yashsehgal/components/3d-button.md) — by Yash Sehgal
- [3D Book Testimonial](https://21st.dev/@ayushmxxn_c278bc2d/components/3d-book-testimonial.md) — by Ayushmaan Singh
- [Animated Input](https://21st.dev/@minhxthanh/components/animated-input.md) — by Le Thanh
- [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
- [Globe Labels](https://21st.dev/@shuding/components/cobe-globe-labels.md) — by shuding
- [Globe Flights](https://21st.dev/@shuding/components/cobe-globe-flights.md) — by shuding
- [Globe Bars](https://21st.dev/@shuding/components/cobe-globe-bars.md) — by shuding
- [Contributors Section](https://21st.dev/@makviesainte/components/contributors-section.md) — by Mak VieSAinte
- [3d orb](https://21st.dev/@vaib215/components/3d-orb.md) — by Vaibhav Kumar Singh
- [Globe Weather](https://21st.dev/@shuding/components/cobe-globe-weather.md) — by shuding
- [Book](https://21st.dev/@shugar/components/book/variants.md) — by tigran tumasov
- [3D Interactive Timeline](https://21st.dev/@dhileepkumargm/components/3d-interactive-timeline.md) — by Dhileep Kumar GM
- [State](https://21st.dev/@kavikatiyar/components/state.md) — by Kavi Katiyar
- [FlipCard](https://21st.dev/@youcefbnm/components/flip-card/flip-card.md) — by YoucefBnm Bnm
- [Globe Satellites](https://21st.dev/@shuding/components/cobe-globe-satellites.md) — by shuding
- [Date Wheel Picker](https://21st.dev/@johuniq/components/date-wheel-picker.md) — by johuniq
- [ContainerScrollaevihvyyyydhliigddrsxsfxagfu6d](https://21st.dev/@dhileepkumargm/components/container-scrollaevihvyyyydhliigddrsxsfxagfu6d.md) — by Dhileep Kumar GM
- [Explorations with GSAP and Scroll Trigger](https://21st.dev/@filipz/components/explorations-with-gsap-and-scroll-trigger.md) — by filipz
- [3d Sliding Cards](https://21st.dev/@abhinavcdev/components/3d-sliding-cards.md) — by Abhinav C

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