16 payment screens from 4 complete apps
Choosing how to pay, paying, and what the app says when a payment fails. Open any screen in its journey, compare how each app handles it, and use the one you like as the start of your own design.
Payment
Spinback · Music₹0 today, when the charge starts, and UPI, card or Google Play.
Net banking
Kitchenbell · Food & drinkSearch, popular banks with one marked slow right now, and the rest.
Pay at the door
Kitchenbell · Food & drinkThe exact amount to keep ready, UPI or cash at the door, and why it costs ₹10 more.
Payment pending
Kitchenbell · Food & drinkThe bank hasn’t confirmed: where it stands, ‘don’t pay again’, and when money returns if it fails.
Choose payment
Kitchenbell · Food & drinkAmount up top, UPI first, saved card, net banking and pay at the door, with a sticky pay bar.
Add a card
Kitchenbell · Food & drinkA live card preview above the fields, a focused number field and a save-card switch.
Approve in UPI app
Kitchenbell · Food & drinkA countdown ring, three honest steps and a way to cancel while the bank responds.
Request money
Ravel · FinancePick what someone owes you for; one reminder in 3 days, no more.
Scan a code
Ravel · FinanceA live viewfinder with a sweeping line; the shop is named and verified before you tap.
Pay a shop
Ravel · FinanceThe dial drops to what stays safe, with a plain warning when a payment takes most of the day’s room.
Split a bill
Ravel · FinanceEvenly, by amount or by items; your share stays in Food, the rest is marked as coming back.
Add to a goal
Ravel · FinanceBoth sides of the move shown, jar up and safe to spend down, and the new arrival date.
Pay someone
Ravel · FinanceA keypad with a live consequence: the dial shows what stays safe to spend after this payment.
Add an activity
Vela · Health & fitnessA swim without the band: time, length and a 1–10 effort turn into estimated strain.
Payment method
Vela · Health & fitnessUPI AutoPay, card or App Store, with ₹0 due today in plain sight.
Side by side: one payment screen from each app
More patterns
Questions
Can I use these payment screens in my own app?
Yes. Use this screen puts one in a new SketchXFlow project with your app's name in its words, where you can change every word and part of it, then copy it to Figma or export the code. It's free with an account, three screens a day.
Are these real apps?
They are complete sample apps made for SketchXFlow Inspiration (Spinback, Kitchenbell, Ravel, Vela), with every step of the journey drawn, including errors and empty states. Their names, people and prices are made up.
How many payment screens are there?
16 today, across 4 apps. Each new app adds its own.