# Travel components > Browse 7 Travel components for React, styled with Tailwind CSS and ready for your Next.js project. 64 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/travel. - [Interactive Selector](https://21st.dev/@minhxthanh/components/interactive-selector.md) — by Le Thanh - [World Map](https://21st.dev/@manuarora700/components/world-map.md) — by Manu Arora - [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-2.md) — by Ravi Katiyar - [Scroll Cards](https://21st.dev/@ishamsu/components/scroll-cards.md) — by Shamsu Musthafa - [Card](https://21st.dev/@ravikatiyar162/components/card-21.md) — by Ravi Katiyar - [Travel Connect Signin](https://21st.dev/@coderislive07/components/travel-connect-signin-1.md) — by Mridul Dhamija - [3D Card](https://21st.dev/@kavikatiyar/components/3d-card.md) — by Kavi Katiyar - [Glass Video Hero](https://21st.dev/@rahil1202/components/glass-video-hero.md) — by Rahil Vahora - [Globe Polaroids](https://21st.dev/@shuding/components/cobe-globe-polaroids.md) — by shuding - [MapArc](https://21st.dev/@mapcn/components/mapcn-map-arc.md) — by Anmoldeep Singh - [Focus Cards](https://21st.dev/@manuarora700/components/focus-cards.md) — by Manu Arora - [MapArc](https://21st.dev/@mapcn/components/mapcn-map-arc/interactive-arcs.md) — by Anmoldeep Singh - [Card](https://21st.dev/@lavikatiyar/components/card-7.md) — by Lavi Katiyar - [Trail Card](https://21st.dev/@ravikatiyar162/components/trail-card.md) — by Ravi Katiyar - [Mountain Vista Bg](https://21st.dev/@dhileepkumargm/components/mountain-vista-bg.md) — by Dhileep Kumar GM - [Showcase Card](https://21st.dev/@jatin-yadav05/components/showcase-card-1.md) — by Jatin Yadav - [Card](https://21st.dev/@ravikatiyar162/components/card-22.md) — by Ravi Katiyar - [Ride Booking Form](https://21st.dev/@ravikatiyar162/components/ride-booking-form.md) — by Ravi Katiyar - [Animated Modal](https://21st.dev/@manuarora700/components/animated-modal.md) — by Manu Arora - [Direction Aware Hover](https://21st.dev/@manuarora700/components/direction-aware-hover.md) — by Manu Arora - [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-3.md) — by Ravi Katiyar - [Image Showcase](https://21st.dev/@ravikatiyar162/components/image-showcase.md) — by Ravi Katiyar - [Carousel](https://21st.dev/@anubra266/components/carousel-1/cards-carousel.md) — by Abraham - [Pixeleted 404 NOT FOUND](https://21st.dev/@vaib215/components/pixeleted-404-not-found.md) — by Vaibhav Kumar Singh - [Planner Card](https://21st.dev/@ravikatiyar162/components/planner-card.md) — by Ravi Katiyar - [Carousel](https://21st.dev/@anubra266/components/carousel-1/hero-carousel.md) — by Abraham - [Card](https://21st.dev/@ravikatiyar162/components/card-25.md) — by Ravi Katiyar - [Carousel](https://21st.dev/@anubra266/components/carousel-1/minimal-carousel.md) — by Abraham - [Offers Carousel](https://21st.dev/@lavikatiyar/components/offers-carousel.md) — by Lavi Katiyar - [Cards](https://21st.dev/@lavikatiyar/components/cards.md) — by Lavi Katiyar - [Image Swiper](https://21st.dev/@lukacho/components/image-swiper.md) — by lukacho/ui - [Card](https://21st.dev/@ravikatiyar162/components/card-23.md) — by Ravi Katiyar - [Globe Flights](https://21st.dev/@shuding/components/cobe-globe-flights.md) — by shuding - [Progressive Blur Card](https://21st.dev/@waleedkibhen/components/progressive-blur-card.md) — by wisedev - [Trip Details Card](https://21st.dev/@kavikatiyar/components/trip-details-card.md) — by Kavi Katiyar - [Onboarding / Welcome Screen](https://21st.dev/@ravikatiyar162/components/onboarding-welcome-screen.md) — by Ravi Katiyar - [Flight Card](https://21st.dev/@ravikatiyar162/components/flight-card-1.md) — by Ravi Katiyar - [Calendar](https://21st.dev/@anubra266/components/calendar-1/pricing-calendar.md) — by Abraham - [Card](https://21st.dev/@lavikatiyar/components/card.md) — by Lavi Katiyar - [MapRoute](https://21st.dev/@mapcn/components/mapcn-map-route.md) — by Anmoldeep Singh - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations.md) — by YoucefBnm Bnm - [FlightAirport](https://21st.dev/@ridemountainpig/components/flightcn-flight-airport.md) — by flightcn - [MapRoute](https://21st.dev/@mapcn/components/mapcn-map-route/route-planning.md) — by Anmoldeep Singh - [Card](https://21st.dev/@ravikatiyar162/components/card.md) — by Ravi Katiyar - [Guest Selector](https://21st.dev/@ravikatiyar162/components/guest-selector.md) — by Ravi Katiyar - [Card](https://21st.dev/@ravikatiyar162/components/card-17.md) — by Ravi Katiyar - [Form](https://21st.dev/@lavikatiyar/components/form.md) — by Lavi Katiyar - [Card](https://21st.dev/@lavikatiyar/components/card-3.md) — by Lavi Katiyar - [Hotel Showcase](https://21st.dev/@kedhareswer.12110626/components/hotel-showcase.md) — by Kedhareswer Naidu - [Card](https://21st.dev/@kavikatiyar/components/card-7.md) — by Kavi Katiyar - [Offer Card](https://21st.dev/@lavikatiyar/components/offer-card.md) — by Lavi Katiyar - [Baggage Add-on](https://21st.dev/@ravikatiyar162/components/baggage-add-on.md) — by Ravi Katiyar - [Flight Status Card](https://21st.dev/@ravikatiyar162/components/flight-status-card.md) — by Ravi Katiyar - [Drag cards](https://21st.dev/@minhxthanh/components/drag-cards.md) — by Le Thanh - [Location Card](https://21st.dev/@lavikatiyar/components/location-card.md) — by Lavi Katiyar - [Flight Card](https://21st.dev/@ravikatiyar162/components/flight-card.md) — by Ravi Katiyar - [Card](https://21st.dev/@ravikatiyar162/components/card-4.md) — by Ravi Katiyar - [Flight Ticket](https://21st.dev/@ravikatiyar162/components/flight-ticket.md) — by Ravi Katiyar - [FlightMultiRoute](https://21st.dev/@ridemountainpig/components/flightcn-flight-multi-route.md) — by flightcn - [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/with-thumbnail.md) — by felipemenezes098 Full component directory: https://21st.dev/llms.txt