shadcn/ui Pricing Section Components

Dev Design Library indexes 9 shadcn/ui pricing section components from 4 open-source UI libraries, with the most coming from Watermelon UI, Velora UI, D2Studio UI and Shadcn Space. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Pricing section components belong to the Commerce group.

• Calendar 15 - With PricingShadcn Space · ReactCalendar component
• Pricing 1Watermelon UI · React
• Single plan pricingVelora UI · ReactOne all-inclusive plan card beside a benefit list and short reassurance answers.
• Pricing CardsD2Studio UI · ReactResponsive three-tier pricing cards with feature comparison and popular plan highlighting
• Pricing 2Watermelon UI · React
• Three-tier pricingVelora UI · ReactThree plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan.
• Pricing 3Watermelon UI · React
• Pricing 4Watermelon UI · React
• Pricing 5Watermelon UI · React

Libraries with shadcn/ui pricing section components

• Watermelon UI
• Velora UI
• D2Studio UI
• Shadcn Space

Related categories

• Pricing Section Components
• React Pricing Section Components
• Tailwind CSS Pricing Section Components
• Svelte Pricing Section Components
• Animated Pricing Section Components
• shadcn/ui Commerce Components
• shadcn/ui Pricing Card Components