# Pricing Card components > Showcase plans and offers with 38 pricing card components, crafted for React and tailored with Tailwind CSS. 125 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/pricing-card. - [Single Pricing Card](https://21st.dev/@sshahaider/components/single-pricing-card-1.md) — by Efferd - [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card.md) — by Efferd - [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card/multi-cards.md) — by Efferd - [Pricing Card](https://21st.dev/@bankkroll/components/pricing-card.md) — by Bankk - [Aniamted Pricing Cards](https://21st.dev/@aghasisahakyan1/components/aniamted-pricing-cards/cros.md) — by Erik X - [Shine Border](https://21st.dev/@shadcnspace/components/shine-border.md) — by ShadcnSpace - [Pricing Card](https://21st.dev/@0xUrvish/components/pricing-card.md) — by 0xUrvish - [Aniamted Pricing Cards](https://21st.dev/@aghasisahakyan1/components/aniamted-pricing-cards.md) — by Erik X - [Squishy Pricing](https://21st.dev/@vaib215/components/squishy-pricing.md) — by Vaibhav Kumar Singh - [Pricing Card With Features](https://21st.dev/@erikvalencia1/components/pricing-card-with-features.md) — by Ruben - [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards.md) — by Liana Pepanyan - [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards/pricing-interaction.md) — by Liana Pepanyan - [Single Pricing Card](https://21st.dev/@bankkroll/components/single-pricing-card/single-pricing-card.md) — by Bankk - [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks.md) — by Edu Calvo - [Pricing Cards](https://21st.dev/@kokonutd/components/pricing-cards.md) — by Kokonut Baffier - [Squishy Card Component](https://21st.dev/@uniquesonu/components/squishy-card-component.md) — by Sonu - [Pricing Component](https://21st.dev/@moazamtrade/components/pricing-component.md) — by shadway - [Pricing Card](https://21st.dev/@ravikatiyar162/components/pricing-card-1.md) — by Ravi Katiyar - [Pricing Card](https://21st.dev/@dgearsonu1/components/pricing-card.md) — by Sonu Kumar - [PricnigCards03](https://21st.dev/@ruixen.ui/components/pricnig-cards03.md) — by Ruixen UI - [Card](https://21st.dev/@jshguo/components/interfaces-card.md) — by jshguo - [Pricing 6](https://21st.dev/@shadcnblockscom/components/pricing-6.md) — by Shadcnblocks.com - [Price](https://21st.dev/@kavikatiyar/components/price.md) — by Kavi Katiyar - [Squishy card](https://21st.dev/@TomIsLoading/components/squishy-card.md) — by Hover.Dev - [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/subscription-plan-card.md) — by Arihant jain - [Pricing Cards](https://21st.dev/@prebuiltui/components/pricing-cards.md) — by prebuiltui - [Pricing](https://21st.dev/@lavikatiyar/components/pricing.md) — by Lavi Katiyar - [Pricing Cards](https://21st.dev/@prebuiltui/components/pricing-cards/pricing-card-free-pro-enterprise.md) — by prebuiltui - [Pricing Card Component](https://21st.dev/@erikvalencia1/components/pricing-card-component.md) — by Ruben - [Pricing Cart Duo](https://21st.dev/@nayan_radadiya6/components/pricing-cart-duo.md) — by nayan_radadiya6 - [Pricing Cards](https://21st.dev/@prebuiltui/components/pricing-cards/highlighted-pricing-card.md) — by prebuiltui - [Pricing Cards](https://21st.dev/@prebuiltui/components/pricing-cards/gradient-pricing-card.md) — by prebuiltui - [Pricing Cards](https://21st.dev/@prebuiltui/components/pricing-cards/pricing-card.md) — by prebuiltui - [Pricing Card Triple](https://21st.dev/@nayan_radadiya6/components/pricing-card-triple.md) — by nayan_radadiya6 - [Pricing Card](https://21st.dev/@beratberkayg/components/pricing-card.md) — by beratberkay - [Pricing Plan Carousel](https://21st.dev/@cnippet.dev/components/v-carousel-12.md) — by Cnippet - [Billing Upgrade Prompt](https://21st.dev/@preetsuthar17/components/billing-upgrade-prompt.md) — by Preet Suthar - [Pricing](https://21st.dev/@Codehagen/components/pricing.md) — by Prism UI - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-4.md) — by UI Layouts - [Animated Glassy Pricing](https://21st.dev/@easemize/components/animated-glassy-pricing.md) — by Hossain Jahed - [Pricing Section](https://21st.dev/@aymanch-03/components/pricing-section.md) — by Ayman Echakar - [Creative Pricing](https://21st.dev/@kokonutd/components/creative-pricing.md) — by Kokonut Baffier - [Dark Gradient Pricing](https://21st.dev/@vaib215/components/dark-gradient-pricing.md) — by Vaibhav Kumar Singh - [Pricing](https://21st.dev/@sshahaider/components/pricing.md) — by Efferd - [Pricing Section](https://21st.dev/@kokonutd/components/pricing-section.md) — by Kokonut Baffier - [Pricing Section with Comparison](https://21st.dev/@tommyjepsen/components/pricing-section-with-comparison.md) — by Tommy Jepsen - [Pricing](https://21st.dev/@ravikatiyar162/components/pricing.md) — by Ravi Katiyar - [Pricing Section](https://21st.dev/@tommyjepsen/components/pricing-cards.md) — by Tommy Jepsen - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section.md) — by UI Layouts - [pricing](https://21st.dev/@uilayout.contact/components/pricing.md) — by UI Layouts - [Modal Pricing](https://21st.dev/@kokonutd/components/modal-pricing.md) — by Kokonut Baffier - [Bento Pricing](https://21st.dev/@sshahaider/components/bento-pricing.md) — by Efferd - [Pricing Container](https://21st.dev/@anurag-mishra22/components/pricing-container.md) — by Anurag Mishra - [Pricing 2](https://21st.dev/@shadcnblockscom/components/pricing2.md) — by Shadcnblocks.com - [Card](https://21st.dev/@lavikatiyar/components/card-7.md) — by Lavi Katiyar - [Pricing Module](https://21st.dev/@ruixen.ui/components/pricing-module.md) — by Ruixen UI - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-3.md) — by UI Layouts - [Pricing](https://21st.dev/@preetsuthar17/components/pricing-1.md) — by Preet Suthar - [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout.md) — by Ephraim Duncan - [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout/early-access-application-with-package-selection.md) — by Ephraim Duncan Full component directory: https://21st.dev/llms.txt