Skip to content

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.