Skip to content

Core UI

Pricing Table — 3-Tier

Three-column pricing grid with one visually highlighted plan that scales up and sits on a brand-tinted card.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add pricing-table
Props & docs

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

AstroReactTailwind CSSNew

Pricing Table — 3-Tier

Pricing Table — 3-Tier

Live preview of the Pricing Table — 3-Tier component

Starter

For a single brand, getting off the ground.

$29 /mo
Start free
  • 1 site
  • Core component set
  • Email support
Most popular

Growth

For agencies shipping more than one brand.

$79 /mo
Start trial
  • Unlimited sites
  • Full component library
  • Priority support
  • Brand-token sync

Scale

For teams who need SSO and SLAs.

Custom
Talk to sales
  • Everything in Growth
  • SSO + audit log
  • Dedicated support

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Pricing Table — 3-Tier component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Core UI components

Browse all →

Tabs — Underline & Pill

Keyboard-accessible tab list with an animated active indicator, switchable between underline and pill visual variants via one prop.

Vertical Tabs

Side-stacked tab list with a content pane, for settings-style layouts, with up/down arrow keyboard navigation.

Accordion / FAQ List

Expand/collapse FAQ list with measured-height animation, single or multi-open modes, and arrow-key navigation between headers.

Breadcrumbs

Static breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.

Pagination

Controlled numbered pager with ellipsis compression for large page counts and prev/next controls.

Side Drawer Panel

The house data-entry surface — right-docked drawer on desktop, three-snap-point draggable bottom sheet on mobile, with focus trap and a dock-minimise control.