Hey Adalo Community! 
I’m excited to share a new component that’s now available on the Adalo Marketplace:
Plan Selector
A selectable plan picker for checkout flows — with billing toggle and Stripe-ready price codes
Configure up to 10 plans with title, price, subtitle, and hidden price code. Add a billing toggle for Monthly/Yearly switching. Outputs selected plan details via Magic Text for Stripe or custom payment actions.
Key Features
Up to 10 configurable plans with title, price, subtitle, and hidden price code
Billing toggle tabs for Monthly/Yearly (or custom periods)
Per-tab pricing — set different prices, subtitles, and price codes per tab
6 Magic Text outputs: Selected Plan Title, Price, Price Code, Index, Active Tab Label, Active Tab Index
3 selection styles: Outline, Fill, Outline + Fill
Customizable selected/unselected colors, borders, and backgrounds
Optional Material Icons on each plan (left or right position)
Text formatting controls for title, price, and subtitle (size, weight, color)
Tab bar appearance customization (colors, font, padding, border radius)
Default selected plan and default tab settings
On Plan Selected action for navigation or payment flows
Works on Web, iOS, and Android
Perfect For
• SaaS subscription checkout
• Event ticket selection
• Meal plan pickers
• Membership tier upgrades
• Service package quotes
• Freemium-to-paid conversion
How to Get It
- Open your Adalo app editor
- Click the + button to open the Add Components panel
- Browse Marketplace Components or search for “Plan Selector”
- Click to add it to your app — done!
If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! 