Velocity X Components

Marketing & Social Proof

Pricing Feature Matrix

Row-per-feature plan comparison table with tick, dash and text cell values.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add pricing-feature-matrix

Built for astro.

Full docs for Pricing Feature Matrix →

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

astro v1.0.0
Pricing Feature Matrix

Placeholder

Compare sample plans

Feature Starter Pro Enterprise
Sample feature one
Sample feature two
Seats 1 5 Unlimited
Sample feature three

Props

NameTypeRequiredDefaultDescription
eyebrowstringNo
titlestringYes
substringNo
headingLevel1 | 2 | 3 | 4 | 5 | 6Yes
plansArray<{ name: string; highlighted?: boolean }>Yes
rowsArray<{ feature: string; values: Array<boolean | string> }>Yes
classNamestringNo''

File this creates

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

text
components/velocity/pricing-feature-matrix/PricingFeatureMatrix.astro

Using the Pricing Feature Matrix component

Install it with velocityx add pricing-feature-matrix. 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.