# Pricing Section components

> Find 49 pricing section components for React and Next.js, featuring Tailwind CSS designs for clear, modern pricing displays.

154 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/pricing-section.

- [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
- [Pricing Interaction](https://21st.dev/@ln-dev7/components/pricing-interaction.md) — by LN
- [Single Pricing Card](https://21st.dev/@sshahaider/components/single-pricing-card-1.md) — by Efferd
- [Pricing Section](https://21st.dev/@kokonutd/components/pricing-section.md) — by Kokonut Baffier
- [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card.md) — by Efferd
- [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 Card](https://21st.dev/@sshahaider/components/pricing-card/multi-cards.md) — by Efferd
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section.md) — by UI Layouts
- [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 2](https://21st.dev/@shadcnblockscom/components/pricing2.md) — by Shadcnblocks.com
- [Squishy Pricing](https://21st.dev/@vaib215/components/squishy-pricing.md) — by Vaibhav Kumar Singh
- [Pricing With Chart](https://21st.dev/@sshahaider/components/pricing-with-chart.md) — by Efferd
- [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-3.md) — by UI Layouts
- [Pricing](https://21st.dev/@preetsuthar17/components/pricing-1.md) — by Preet Suthar
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-1.md) — by UI Layouts
- [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards.md) — by Liana Pepanyan
- [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks/creative-pricing.md) — by Edu Calvo
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section.md) — by brijr
- [Pricing Cards](https://21st.dev/@lyanchouss/components/pricing-cards/pricing-interaction.md) — by Liana Pepanyan
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-two.md) — by brijr
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-five.md) — by brijr
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-four.md) — by brijr
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-three.md) — by brijr
- [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
- [RuixenPricing_04](https://21st.dev/@ruixen.ui/components/ruixen-pricing-04.md) — by Ruixen UI
- [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 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
- [Aurora Pricing](https://21st.dev/@dhileepkumargm/components/aurora-pricing.md) — by Dhileep Kumar GM
- [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base/pricing-one.md) — by Méschac Irung
- [Princing Section](https://21st.dev/@rlzee/components/pricing.md) — by R'LZ
- [Pricing Card](https://21st.dev/@dgearsonu1/components/pricing-card.md) — by Sonu Kumar
- [Pricing Base](https://21st.dev/@meschacirung/components/pricing-base/pricing.md) — by Méschac Irung
- [Pricing Glass](https://21st.dev/@alexperezcedeno/components/pricing-glass.md) — by uithefactory
- [PricnigCards03](https://21st.dev/@ruixen.ui/components/pricnig-cards03.md) — by Ruixen UI
- [RuixenPricing05](https://21st.dev/@ruixen.ui/components/ruixen-pricing05.md) — by Ruixen UI
- [Card](https://21st.dev/@jshguo/components/interfaces-card.md) — by jshguo
- [Adaptive Pricing Section](https://21st.dev/@vaib215/components/adaptive-pricing-section.md) — by Vaibhav Kumar Singh
- [Pricing 6](https://21st.dev/@shadcnblockscom/components/pricing-6.md) — by Shadcnblocks.com
- [Pricing](https://21st.dev/@meschacirung/components/pricing.md) — by Méschac Irung
- [Pricing Section](https://21st.dev/@ruixen.ui/components/pricing-section.md) — by Ruixen UI
- [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
- [Price](https://21st.dev/@kavikatiyar/components/price.md) — by Kavi Katiyar
- [Pricing Section](https://21st.dev/@bigbogiballer/components/pricing-section.md) — by Bogdan Lekic

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