Choose Plan Step
Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.
Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Choose Plan Step presents three compact plan cards side by side: Free forever with its real limits stated (3 projects, 2 seats, 30 day event history, community support), Team at $12 per seat per month with unlimited projects and seats and a 12 month history, and Enterprise with custom pricing, SSO and SCIM, and invoiced billing. Free is preselected with a ring border and a filled radio dot. The footer line reads: start free, upgrading keeps your data and takes about a minute, and Team never requires a sales call.
Plans are one array with features as string arrays, and aria-pressed drives the selection state. Stating the real limits of Free is what makes the upgrade later decision trustworthy.
Reach for this block as the final step in an onboarding flow, wired to your subscription creation endpoint. Advance directly on card click or wait for Continue with Free; do not gate the rest of onboarding behind a plan choice.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the end of setup plan picker. Other plan step uses:
Tip: Step 4 of 4 in the subtitle confirms this is the last gate, which is why users are more likely to engage with it than a standalone pricing page.