Components

Ace Pricing

Pricing cards with lucide-react check icons, plan details, and action buttons

Ace Pricing

Pricing cards with lucide-react check icons, plan details, and action buttons.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-pricing

Usage

import { Pricing } from "@/components/vandoko/ace-pricing";

export default function Page() {
  return <Pricing />;
}

Features

  • Icon support -- Lucide React icons for clean, consistent iconography
  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

5 props
PropTypeDefaultDescription
className
string-
heading
string-
subheading
string-
description
string-
cards
AcePricingCardData[]-

Dependencies

  • lucide-react

Lineage

PropertyValue
Source@aceternity/pricing
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction
  • Lucide icon migration

On this page