Pricing Cards

Responsive three-tier pricing cards with feature comparison and popular plan highlighting.

Library

D2Studio UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://d2studio.dev/r/pricing-01.json

Files

• registry/default/components/pricing-01.tsx
• registry/default/ui/button.tsx
• registry/default/ui/badge.tsx
• registry/default/ui/d2-card.tsx
• lib/utils.ts
• components/ui/button.tsx
• components/ui/badge.tsx
• components/ui/d2-card.tsx

Source

https://github.com/rajaaltus/d2studio-ui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• shadcn/ui Card Components
• Commerce Components
• React Commerce Components
• Tailwind CSS Commerce Components
• shadcn/ui Commerce Components
• Comparison Table Components
• React Comparison Table Components
• Tailwind CSS Comparison Table Components
• Data Display Components

More from D2Studio UI

• AI Block
• AI Content Creator Card
• AI Content Creator Card v2
• AI Writing Assistant
• Bento 02
• Bento 03
• Bento 05
• Block 01
• Card
• Product Card
• D2 Card
• Dashboard 01