# Animated Card components

> Add visual flair with 211 animated card components for React, blending Tailwind CSS styles and motion for modern Next.js sites.

59 components available. Showing all of them below.

- [Animate Card Animation](https://21st.dev/@moazamtrade/components/animate-card-animation.md) — by shadway
- [Animated Card Chart](https://21st.dev/@badtzx0/components/animated-card-chart.md) — by badtz
- [Animated Glow Card](https://21st.dev/@easemize/components/animated-glow-card.md) — by Hossain Jahed
- [Animated Card](https://21st.dev/@karthikmudunuri/components/animated-card.md) — by Mudunuri bhaskara karthikeya varma
- [Feature Block Animated Card](https://21st.dev/@manuarora700/components/feature-block-animated-card.md) — by Manu Arora
- [Animated Card Diagram](https://21st.dev/@badtzx0/components/animated-card-diagram.md) — by badtz
- [Animated Card](https://21st.dev/@badtzx0/components/animated-card.md) — by badtz
- [Animated Card](https://21st.dev/@aghasisahakyan1/components/animated-card.md) — by Erik X
- [Animated Card](https://21st.dev/@kavikatiyar/components/animated-card.md) — by Kavi Katiyar
- [Animated Card 1](https://21st.dev/@aghasisahakyan1/components/animated-card-1.md) — by Erik X
- [Animated Card Options](https://21st.dev/@isaiahbjork/components/animated-card-options.md) — by Isaiah
- [Animated Geometric Card](https://21st.dev/@jatin-yadav05/components/animated-geometric-card.md) — by Jatin Yadav
- [Animated-card](https://21st.dev/@n38693842/components/animated-card.md) — by aayushhhh_here
- [Animated Gradient Border](https://21st.dev/@easemize/components/animated-gradient-border.md) — by Hossain Jahed
- [Morphing Card Stack](https://21st.dev/@koustubhayadiyala36/components/morphing-card-stack.md) — by Kousthubha Yadiyala
- [Meteors](https://21st.dev/@manuarora700/components/meteors.md) — by Manu Arora
- [Flip Card](https://21st.dev/@m.umairwaheedansari/components/flip-card.md) — by Umair Waheed
- [Warp Background](https://21st.dev/@dillionverma/components/warp-background.md) — by Dillion Verma
- [Border Trail](https://21st.dev/@ibelick/components/border-trail/with-form.md) — by Julien Thibeaut
- [Feature Card](https://21st.dev/@ravikatiyar162/components/feature-card-1.md) — by Ravi Katiyar
- [Music Artwork](https://21st.dev/@diriktv/components/music-artwork.md) — by Derek
- [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks/modern-pricing.md) — by Edu Calvo
- [Stacked Activity Cards](https://21st.dev/@spydiecy/components/stacked-activity-cards.md) — by Tanishq
- [Joblisting](https://21st.dev/@reuno-ui/components/joblisting-component.md) — by reuno-ui
- [Squishy Card Component](https://21st.dev/@uniquesonu/components/squishy-card-component.md) — by Sonu
- [Card Curtain Reveal](https://21st.dev/@youcefbnm/components/card-curtain-reveal.md) — by YoucefBnm Bnm
- [Animated List](https://21st.dev/@dillionverma/components/animated-list.md) — by Dillion Verma
- [Card](https://21st.dev/@kavikatiyar/components/card-8.md) — by Kavi Katiyar
- [Border Beam](https://21st.dev/@badtzx0/components/border-beam.md) — by badtz
- [Gradient Bold Card](https://21st.dev/@ruixen.ui/components/gradient-bold-card.md) — by Ruixen UI
- [Security Card](https://21st.dev/@amanshakya1808/components/security-card.md) — by Aman Shakya
- [State](https://21st.dev/@kavikatiyar/components/state.md) — by Kavi Katiyar
- [Spotify Card](https://21st.dev/@jatin-yadav05/components/spotify-card/spotify-card.md) — by Jatin Yadav
- [3D Card](https://21st.dev/@ravikatiyar162/components/3d-card.md) — by Ravi Katiyar
- [Feature Card](https://21st.dev/@lavikatiyar/components/feature-card.md) — by Lavi Katiyar
- [Battery Card](https://21st.dev/@ravikatiyar162/components/battery-card.md) — by Ravi Katiyar
- [Animated Profile Card](https://21st.dev/@iamsatish4564/components/animated-profile-card/blue-profile-card.md) — by iamsatish4564
- [Color Palette](https://21st.dev/@ravikatiyar162/components/color-palette.md) — by Ravi Katiyar
- [Animated Feature Card](https://21st.dev/@ravikatiyar162/components/animated-feature-card.md) — by Ravi Katiyar
- [Bot Detection](https://21st.dev/@amanshakya1808/components/bot-detection.md) — by Aman Shakya
- [Folder Card](https://21st.dev/@ravikatiyar162/components/folder-card.md) — by Ravi Katiyar
- [Dynamic Island](https://21st.dev/@cult-ui/components/dynamic-island.md) — by cult/ui
- [stack card](https://21st.dev/@avanishverma4/components/stack-card.md) — by Awanish Verma
- [Card](https://21st.dev/@kavikatiyar/components/card-7.md) — by Kavi Katiyar
- [Animated List](https://21st.dev/@aghasisahakyan1/components/animated-list.md) — by Erik X
- [Squishy card](https://21st.dev/@TomIsLoading/components/squishy-card.md) — by Hover.Dev
- [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/weather-card.md) — by Arihant jain
- [Animated Form](https://21st.dev/@amanshakya1808/components/animated-form.md) — by Aman Shakya
- [BeUI Dynamic Island](https://21st.dev/@saurabh10102/components/be-ui-dynamic-island.md) — by Saurabh Chauhan
- [Product Feature Card](https://21st.dev/@kavikatiyar/components/product-feature-card.md) — by Kavi Katiyar
- [Card](https://21st.dev/@lavikatiyar/components/card-1.md) — by Lavi Katiyar
- [Card](https://21st.dev/@kavikatiyar/components/card-9.md) — by Kavi Katiyar
- [Flight Status Card](https://21st.dev/@ravikatiyar162/components/flight-status-card.md) — by Ravi Katiyar
- [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card/review-cards-with-themes.md) — by whyte25
- [Card](https://21st.dev/@lavikatiyar/components/card-9.md) — by Lavi Katiyar
- [Card Hover](https://21st.dev/@uilayout.contact/components/card-hover.md) — by UI Layouts
- [Sparkle Card](https://21st.dev/@user_hardp/components/sparkle-card.md) — by user_hardp
- [Gradient Animation](https://21st.dev/@moumensoliman/components/gradient-animation-shadcnui.md) — by Moumen Soliman
- [Presence Fade](https://21st.dev/@corr/components/presence-fade.md) — by Liam Corrigan

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