Plan comparison

Compare meaningful differences between plans and billing periods.

Library

Arc Library

Framework

React

Type

block

License

MIT

Dependencies

@radix-ui/react-switch, lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/plan-comparison.json

Files

• registry/blocks/plan-comparison/plan-comparison.tsx
• registry/blocks/plan-comparison/plan-comparison.module.css
• registry/components/switch/switch.tsx
• registry/components/switch/switch.module.css
• registry/components/segmented-control/segmented-control.tsx
• registry/components/segmented-control/segmented-control.module.css
• registry/components/button/button.tsx
• registry/components/button/button.module.css

Source

https://github.com/kuratlielia/arc-library

Categories

• Commerce Components
• React Commerce Components
• Animated Commerce Components
• Comparison Table Components
• React Comparison Table Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Pricing Section Components
• React Pricing Section Components
• Animated Pricing Section Components
• Section Components

More from Arc Library

• Comparison table
• Sortable data table
• Tree table
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group