Upgrade modals in Figma and React
Two new upgrade modals with plan comparisons, monthly/yearly billing and responsive layouts, plus a shared billing component.
Added two Pro Marketing upgrade modals with matching Figma designs and React blocks:
- Upgrade Modal 1: sidebar plan selection, a feature comparison and monthly/yearly billing. On smaller screens, the full-screen dialog switches between the plan menu and content.
- Upgrade Modal 2: a product visual beside plan tabs, a compact comparison and billing controls. The split desktop layout stacks into a full-screen mobile dialog.
- Upgrade Modal Billing: a shared component for billing-period selection and pricing.
Both modals include light and dark previews. Short-window handling keeps billing and upgrade controls reachable as content scrolls. The sidebar contrast has also been refined.
Plans and prices are illustrative. Connect the upgrade callback to your checkout with the selected plan and billing period.
