# Card components

> Find 422 versatile React card components built with Tailwind CSS, perfect for showcasing content elegantly in any Next.js application.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/card.

- [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora
- [Card](https://21st.dev/@shadcn/components/card.md) — by shadcn
- [Animate Card Animation](https://21st.dev/@moazamtrade/components/animate-card-animation.md) — by shadway
- [Evervault Card](https://21st.dev/@manuarora700/components/evervault-card.md) — by Manu Arora
- [Glare Card](https://21st.dev/@manuarora700/components/glare-card.md) — by Manu Arora
- [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/gravitate.md) — by tom
- [ScannerCardStream](https://21st.dev/@rahil1202/components/scanner-card-stream.md) — by Rahil Vahora
- [Animated Card Chart](https://21st.dev/@badtzx0/components/animated-card-chart.md) — by badtz
- [Gradient Card](https://21st.dev/@jatin-yadav05/components/gradient-card.md) — by Jatin Yadav
- [Gradient Card Showcase](https://21st.dev/@minhxthanh/components/gradient-card-showcase.md) — by Le Thanh
- [Animated Glow Card](https://21st.dev/@easemize/components/animated-glow-card.md) — by Hossain Jahed
- [3D Animated Pin](https://21st.dev/@manuarora700/components/3d-pin.md) — by Manu Arora
- [Statistics Card](https://21st.dev/@aghasisahakyan1/components/statistics-card.md) — by Erik X
- [Schema Card with Animated Wave Visualizer](https://21st.dev/@minhxthanh/components/schema-card-with-animated-wave-visualizer.md) — by Le Thanh
- [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
- [Gradient Card](https://21st.dev/@ravikatiyar162/components/gradient-card.md) — by Ravi Katiyar
- [Animated Card](https://21st.dev/@karthikmudunuri/components/animated-card.md) — by Mudunuri bhaskara karthikeya varma
- [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh
- [Highlight Card](https://21st.dev/@beratberkayg/components/highlight-card.md) — by beratberkay
- [Feature Block Animated Card](https://21st.dev/@manuarora700/components/feature-block-animated-card.md) — by Manu Arora
- [Card](https://21st.dev/@Ali-Hussein-dev/components/card.md) — by Indie UI
- [Animated Card Diagram](https://21st.dev/@badtzx0/components/animated-card-diagram.md) — by badtz
- [Analytics Bento](https://21st.dev/@jatin-yadav05/components/analytics-bento.md) — by Jatin Yadav
- [CreditCardForm](https://21st.dev/@rahil1202/components/credit-card-form.md) — by Rahil Vahora
- [Progress Metric Card](https://21st.dev/@makviesainte/components/progress-metric-card.md) — by Mak VieSAinte
- [Animated Card](https://21st.dev/@badtzx0/components/animated-card.md) — by badtz
- [Icon 3D Hover](https://21st.dev/@jatin-yadav05/components/icon-3d-hover.md) — by Jatin Yadav
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-images.md) — by KL UI
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-video.md) — by KL UI
- [clipped-video-tab](https://21st.dev/@shaiksameer8921/components/clipped-video-tab.md) — by SAMEER SHAIK
- [Workflow Builder Card](https://21st.dev/@ravikatiyar162/components/workflow-builder-card.md) — by Ravi Katiyar
- [Service Card](https://21st.dev/@lavikatiyar/components/service-card.md) — by Lavi Katiyar
- [Card with Grid Ellipsis Pattern](https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-ellipsis-pattern.md) — by Indie UI
- [Services Card](https://21st.dev/@ravikatiyar162/components/services-card.md) — by Ravi Katiyar
- [Animated Dashboard Card](https://21st.dev/@isaiahbjork/components/animated-dashboard-card.md) — by Isaiah
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/simple.md) — by KL UI
- [Animated Project Cards](https://21st.dev/@isaiahbjork/components/animated-project-cards.md) — by Isaiah
- [Animated Card](https://21st.dev/@aghasisahakyan1/components/animated-card.md) — by Erik X
- [API Rate Limiting Card](https://21st.dev/@aghasisahakyan1/components/api-rate-limiting-card.md) — by Erik X
- [3D Card Effect](https://21st.dev/@manuarora700/components/3d-card-effect.md) — by Manu Arora
- [Showcase Card](https://21st.dev/@jatin-yadav05/components/showcase-card-1.md) — by Jatin Yadav
- [Performance Benchmark Card](https://21st.dev/@kavikatiyar/components/performance-benchmark-card.md) — by Kavi Katiyar
- [Playing Card](https://21st.dev/@maxim.bort.devel/components/playing-card.md) — by Maxim Bortnikov
- [Reveal on hover](https://21st.dev/@youcefbnm/components/reveal-on-hover.md) — by YoucefBnm Bnm
- [Cursor Wander Card](https://21st.dev/@coderislive07/components/cursor-wander-card.md) — by Mridul Dhamija
- [Card](https://21st.dev/@sean0205/components/card/accent.md) — by Sean Hello
- [ScreenTimeCard](https://21st.dev/@itsankitverma/components/screen-time-card.md) — by Ankit Verma
- [Card](https://21st.dev/@sean0205/components/card.md) — by Sean Hello
- [Glowing Background Stars Card](https://21st.dev/@manuarora700/components/glowing-background-stars-card.md) — by Manu Arora
- [Animated 3D Card](https://21st.dev/@shailendrakumar19999/components/animated-3d-card.md) — by Shailendra
- [Quick Links Card](https://21st.dev/@aghasisahakyan1/components/quick-links-card.md) — by Erik X
- [Ai Models Preview](https://21st.dev/@moazamtrade/components/ai-models-preview.md) — by shadway
- [Stats Widget](https://21st.dev/@ravikatiyar162/components/stats-widget.md) — by Ravi Katiyar
- [Kinetic ShatterBox Section](https://21st.dev/@feevercz/components/kinetic-shatter-box-section.md) — by feevercz
- [Card Curtain Reveal](https://21st.dev/@youcefbnm/components/card-curtain-reveal.md) — by YoucefBnm Bnm
- [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
- [Project Card](https://21st.dev/@ravikatiyar162/components/project-card.md) — by Ravi Katiyar
- [Statistics Card 5](https://21st.dev/@sean0205/components/statistics-card-5.md) — by Sean Hello

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