Comparison Table
Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.
Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Comparison Table puts Starter, Growth, and Enterprise side by side as columns with eight feature rows: included seats, API calls per month, data retention, SSO/SAML, audit log, custom roles, SLA uptime, and support tier. Cells that differ from the baseline Starter plan receive a bg-muted/30 background so the upgrade delta is scannable at a glance. A sticky CTA row at the bottom shows Current plan disabled on Starter, Upgrade to Growth on the middle column, and Contact sales on Enterprise.
Plans and feature rows are separate typed arrays. The highlight flag lives on each CellValue so differing cells are marked at the data layer, not derived in the render.
Reach for this block on an in-app upgrade page or billing settings panel, wired to your plan catalog and the current plan from your subscription endpoint. Gate the Upgrade buttons behind your checkout flow.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the plan upgrade comparison surface. Other comparison tables:
Tip: highlight cells relative to the current plan, not the cheapest plan; a customer on Growth should see what Enterprise adds for them, not what Starter lacks.