# Pricing components > Showcase your plans with 43 React pricing components, leveraging Tailwind CSS for clarity in Next.js projects. 75 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/pricing. - [Pricing Interaction](https://21st.dev/@ln-dev7/components/pricing-interaction.md) — by LN - [Pricing 2](https://21st.dev/@shadcnblockscom/components/pricing2.md) — by Shadcnblocks.com - [Pricing](https://21st.dev/@preetsuthar17/components/pricing-1.md) — by Preet Suthar - [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks/creative-pricing.md) — by Edu Calvo - [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base/pricing-one.md) — by Méschac Irung - [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base/pricing.md) — by Méschac Irung - [Pricing](https://21st.dev/@meschacirung/components/pricing.md) — by Méschac Irung - [Transparent Pricing for Startups](https://21st.dev/@dhileepkumargm/components/transparent-pricing-for-startups.md) — by Dhileep Kumar GM - [Pricing](https://21st.dev/@meschacirung/components/pricing/pricing-plans.md) — by Méschac Irung - [Interactive Pricing Component](https://21st.dev/@uniquesonu/components/interactive-pricing-component.md) — by Sonu - [Boxly Pricing-1](https://21st.dev/@cnippet.dev/components/boxly-pricing-1.md) — by Cnippet - [Dialog](https://21st.dev/@originui/components/dialog/payment-plan-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/checkout-dialog.md) — by Origin UI - [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](https://21st.dev/@uilayout.contact/components/pricing.md) — by UI Layouts - [Pricing Table](https://21st.dev/@kokonutd/components/pricing-table.md) — by Kokonut Baffier - [Modal Pricing](https://21st.dev/@kokonutd/components/modal-pricing.md) — by Kokonut Baffier - [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 - [Pricing Tab](https://21st.dev/@aymanch-03/components/pricing-tab.md) — by Ayman Echakar - [Radio Group](https://21st.dev/@originui/components/radio-group/price-plan-tab.md) — by Origin UI - [Squishy Pricing](https://21st.dev/@vaib215/components/squishy-pricing.md) — by Vaibhav Kumar Singh - [Radio Group](https://21st.dev/@originui/components/radio-group/plans.md) — by Origin UI - [Pricing Card With Features](https://21st.dev/@erikvalencia1/components/pricing-card-with-features.md) — by Ruben - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-1.md) — by UI Layouts - [Form Layout](https://21st.dev/@ephraimduncan/components/form-layout.md) — by Ephraim Duncan - [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks.md) — by Edu Calvo - [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 Section](https://21st.dev/@uilayout.contact/components/pricing-section-2.md) — by UI Layouts - [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base/pricing-three.md) — by Méschac Irung - [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base.md) — by Méschac Irung - [Pricing Card](https://21st.dev/@dgearsonu1/components/pricing-card.md) — by Sonu Kumar - [Compare Table](https://21st.dev/@designali-in/components/compare-table.md) — by Ali Imam - [Card](https://21st.dev/@jshguo/components/interfaces-card.md) — by jshguo - [Pricing 6](https://21st.dev/@shadcnblockscom/components/pricing-6.md) — by Shadcnblocks.com - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/stacked-actions.md) — by felipemenezes098 - [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-with-trending.md) — by Ephraim Duncan - [Price](https://21st.dev/@kavikatiyar/components/price.md) — by Kavi Katiyar - [Pricing table](https://21st.dev/@dgearsonu1/components/pricing-table.md) — by Sonu Kumar - [Radio Group with Plan Cards](https://21st.dev/@shadcnspace/components/radio-group-with-plan-cards.md) — by ShadcnSpace - [Radio Group 1](https://21st.dev/@ShadcnStudio/components/radio-group-1/radio-group-ten.md) — by ShadcnStudio - [Flexnative Tabs](https://21st.dev/@felipemenezes098/components/flexnative-tabs/pricing-toggle.md) — by felipemenezes098 - [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 - [Radio Group](https://21st.dev/@anubra266/components/radio-group/radio-group-plans.md) — by Abraham - [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 - [Radio Group List](https://21st.dev/@shadcnspace/components/radio-group-list.md) — by ShadcnSpace - [Pricing Card](https://21st.dev/@beratberkayg/components/pricing-card.md) — by beratberkay Full component directory: https://21st.dev/llms.txt