Jetpack Compose paywall designs
Six paywall screens, one shared contract: a list of PaywallPlans in, onPurchase, onRestore
and onClose out. Pick by what you sell and where the paywall appears.
| Design | Best for | Expressive APIs |
|---|---|---|
| Classic plans | Two or three plans, the safe default | MaterialShapes, Morph, MotionScheme |
| Free vs Pro table | A generous free tier | Emphasized type, morphing plan tiles |
| Trial timeline | Free trials | MaterialShapes timeline nodes |
| Plan picker | Two to four short-named plans | Connected ToggleButton group, Morph |
| Limited-time offer | Win-back and launch discounts | LinearWavyProgressIndicator, ModalBottomSheet |
| Onboarding end | The last onboarding step | HorizontalPager, emphasized type |
Every design shows the same compliance footer, follows your MaterialTheme and comes with light
and dark @Previews in the source. The data classes are described in
PaywallPlan and models.
Built by Sanikant. Set in Google Sans Flex (SIL Open Font License). Not affiliated with Google.
Classic plans
Free vs Pro table
Trial timeline
Plan picker
Limited-time offer
Onboarding end