Skip to content
PastaUI Pro
Login

Pricing Card

Pricing cards for plan pages, from soft and featured styles to a live shader glow, each ready to copy into your project.

Shader glow

pricing-card-02.tsx

A dark pricing card with a slowly drifting WebGL glow behind it: plan label, large price with cadence, description, checklist, and a white pill button. The glow colour is a prop, and it pauses off screen and for reduced motion.

Open full-size preview
Loading preview…
pnpm dlx shadcn@latest add @pastaui-pro/pricing-card-02

Soft & featured

pricing-card.tsx

A reusable pricing card with a soft standard style, a featured gradient variant, and monthly or yearly billing.

Open full-size preview
Loading preview…
pnpm dlx shadcn@latest add @pastaui-pro/pricing-card