Pricing 2

Free

Component Data

  • ID:pricing2
  • Access:free
  • Created:Aug 5, 2024
  • Type:block
  • Release:Aug 2024

Shadcn UI Pricing Block

The component is a customizable pricing section that displays a selection of pricing plans for services or products. It provides a clear and structured layout, enabling users to easily compare and choose between different plans. Each plan is showcased in a distinct card format that highlights the primary features and prices, helping potential customers make informed decisions.

The Pricing2 component is designed to accommodate various use cases by offering flexibility in terms of input properties. These include headings, descriptions, and an array of pricing plans, allowing users to tailor the section to different offerings. With an integrated toggle switch, users can effortlessly switch between monthly and yearly pricing views. The component emphasizes a clean and modern design using shadcn UI elements, ensuring a consistent user experience across digital platforms.

Dependencies

PackageType
lucide-reactNPM
reactNPM
button
@shadcn
Registry
card
@shadcn
Registry
separator
@shadcn
Registry
switch
@shadcn
Registry

Screenshots

pricing2 thumbnail