Components

Ace Pricing Grid

Pricing tier grid with plan name, price, feature list, and CTA per card

Ace Pricing Grid

Pricing tier grid with plan name, price, feature list, and CTA per card.

Preview
Open in
Loading preview...

Installation

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

Usage

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

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

Features

  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

2 props
PropTypeDefaultDescription
className
string-
tiers
AcePricingTier[]-

Lineage

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

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction

On this page