Skip to content

Product packages screen examples

Product packages screen design examples from SaaS apps. Browse examples from Sora, Grok, Shuttle.

Explore the examples

Sora screen
Sora logo
Sora

Settings modal where the user views their current 'Free' plan limits, showing a maximum of 3 images per day, with an option to manage the plan.

Grok screen
Grok logo
Grok

Upgrade modal where the user compares the Free and SuperGrok plans, views query limits, and selects a monthly or yearly billing cycle to subscribe.

Shuttle - Shuttle – Your files. Your rules. screen
Shuttle logo
Shuttle

Checkout modal where the user enters their email and credit card details to purchase the Shuttle Pro Plan 1 Seat subscription.

Bitly - Bitly | Campaigns screen
Bitly logo
Bitly

Feature gate where the user is blocked from accessing the campaigns feature and prompted to view premium plans.

Lemni - Agents › Nicelydone Support screen
Lemni logo
Lemni

Paywall modal where the user can upgrade to get unlimited phone agents, showing a monthly and per-interaction pricing breakdown alongside feature toggles.

Monarch - Monarch | Goals setup screen
Monarch logo
Monarch

Onboarding step where the user assigns financial accounts to specific goals like student loans, car, and vacation.

Leap - Leap AI | Automate any workflow with AI screen
Leap logo
Leap

Settings page where the user views their current free plan status, active members, and workflow credit usage, with prompts to explore paid plans.

Replit - Usage - Replit screen
Replit logo
Replit

Settings page where the user reviews their billing overview, monthly credits, and detailed resource usage quotas across AI, workspace development, and deployment.

Front - Front Pricing and Plans | Front screen
Front logo
Front

Pricing page where the user compares four subscription tiers, explores premium add-ons, and reviews a detailed feature matrix.

WeTransfer - Choose how to pay | WeTransfer screen
WeTransfer logo
WeTransfer

Checkout page where the user enters credit card details and a billing address to complete their purchase of a WeTransfer Ultimate monthly subscription.

Flodesk - Simple checkout | Flodesk screen
Flodesk logo
Flodesk

Design editor modal where the user manages active discount codes for a checkout flow, with an open dropdown menu to edit or delete a specific code.

Podia - Podia Change Plan screen
Podia logo
Podia

Billing settings page where the user can compare the Mover and Shaker plans, toggle annual billing, and review frequently asked questions during their free trial.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams