Plan Comparison Table
A dense feature matrix comparing Free, Team, and Business plans by category, with checks, values, a current plan badge, and per column actions.
A dense feature matrix comparing Free, Team, and Business plans by category, with checks, values, a current plan badge, and per column actions.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Plan Comparison Table is the full feature matrix, three plan columns (Free, Team, Business) laid over grouped rows for Usage, Collaboration, Security, and Support. Each cell reads as a check, a muted dash, or a value like 90 days or Priority. The Team header carries a Current badge with its $49/mo price, and the footer row gives each column its own action: Downgrade, a disabled Current plan, and Upgrade.
Groups and rows sit above the component as one typed array, so adding a category or a fourth plan column is a data edit. The billing note at the bottom, monthly pricing with up to 20% off yearly, is the line that heads off the most pricing questions.
Reach for this block on the billing or plans page when users need to weigh every feature side by side before switching. Wire each column action to your checkout or downgrade flow and mark the active plan as the disabled column.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a three-tier feature matrix. Other comparison tables:
Tip: keep the current plan column visually marked and its button disabled so users never lose their place in the matrix.