Velocity X Components

Marketing & Social Proof

Pricing Card (Single)

One standalone plan card with price, feature list, badge and CTA.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add pricing-card-single

Built for astro.

Full docs for Pricing Card (Single) →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
Pricing Card (Single)
Most popular

Sample Plan

Placeholder plan description.

$XX /mo

Choose plan
  • Sample feature one
  • Sample feature two
  • Sample feature three

Props

NameTypeRequiredDefaultDescription
namestringYes
headingLevel1 | 2 | 3 | 4 | 5 | 6No3
pricestringYes
periodstringNo'/mo'
descriptionstringNo
featuresstring[]Yes
ctaLabelstringYes
ctaHrefstringYes
highlightedbooleanNofalse
badgestringNo
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/pricing-card-single/PricingCardSingle.astro

Using the Pricing Card (Single) component

Install it with velocityx add pricing-card-single. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Marketing & Social Proof.