Pricing 33

Pro

Component Data

  • ID:pricing33
  • Access:pro
  • Created:Mar 30, 2025
  • Type:block
  • Release:May 2025

Shadcn UI Pricing Block

The Pricing33 component provides a neatly structured interface for users to explore and select from a variety of add-ons that can enhance their existing plan. This component is designed to showcase each add-on with descriptive details, pricing information, and easy-to-access calls to action for users to select their desired features. It presents the options in a visually appealing manner, leveraging styled elements like badges and buttons, while integrating icons for immediate visual cues.

Diving deeper into the Pricing33 component, it builds a user-friendly section that organizes the add-ons efficiently, each displayed in individual card-like elements. Each card contains an icon, a title, a succinct description, pricing details, and a button to "Get Add-on." This allows users to quickly grasp the value and impact of each add-on without needing to leave the page. The use of structured layouts like flex and grid ensures that information is easy to read and the design remains clean and professional, embodying the aesthetics and usability aspects typical of shadcn components.

Dependencies

PackageType
lucide-reactNPM
badge
@shadcn
Registry
button
@shadcn
Registry

Screenshots

pricing33 thumbnail