Pricing Card

About this piece

Plan label, price block, three checked features, and a full-width primary button.

Usage

The import and the props worth knowing about, in one place.

import { Shapes33 } from "@/components/beste/piece/shapes33";

<Shapes33
  surface="card"
  bordered={true}
  inverted={false}
/>

Image-topped tile with a title line, price block, and a circular add button.

Three plan columns side by side with the middle one ringed in foreground for emphasis.

Three feature rows in a card, each pairing an icon tile with a title and a body line.

Compact KPI tile with label, value, trend dot, and a sparkline trail.

Three divided rows with labels and trailing toggles or value lines.

Quote card with three body lines above an avatar, name, and role.