28 browse and list screens from 4 complete apps
Lists and collections: how an app lays out many things so the right one stands out. 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.
Era station
Spinback · MusicDisco Nights: years, a play button and the first songs, on pink.
Up next
Spinback · MusicNow playing, then the next songs with grips to reorder.
Add songs
Spinback · MusicSuggested songs with a tick for the ones added and the time they take.
Your crate
Spinback · MusicMixtapes as little cassettes in their shell colours, and the downloads.
Downloads
Spinback · MusicStorage used, what’s offline, and one downloading with its progress.
Liked songs
Spinback · MusicA big heart, the count and length, play and shuffle.
Add to a tape
Spinback · MusicPick which tape, with the minutes left on each and a full one marked.
Filters
Kitchenbell · Food & drinkA bottom sheet over the results: food, delivery time, a price-for-two range and extras, with a live count on the button.
Sort by
Kitchenbell · Food & drinkA short sheet where every option says what it does, like ‘closest first, nearest is 1.2 km’.
Cuisine page
Kitchenbell · Food & drinkSouth Indian: a photo header with how many kitchens are cooking now, dish chips, what’s off the tawa and the kitchens.
Offers & coupons
Kitchenbell · Food & drinkCoupons as perforated tickets with the code, the catch in plain words, and which one is already on your cart.
Saved
Kitchenbell · Food & drinkSaved kitchens with open or closed right on the card, and saved dishes with batch status and a quick add.
Kitchen menu
Kitchenbell · Food & drinkOverlapping info card, delivery facts, menu tabs, add buttons and a cart bar.
Your orders
Kitchenbell · Food & drinkThe live order on top, then past orders with their dishes, status and total, and reorder.
Coming up
Ravel · FinanceEvery bill until payday on a date rail, with payday itself as the landmark.
Subscriptions
Ravel · FinanceFour subscriptions with how much each is really used; the idle gym stands out.
Budgets
Ravel · FinanceA ring for the month and a bar per category; the one that’s over says why in plain words.
October so far
Ravel · FinanceThe month as a timeline: payday and trips as big moments, everyday spends below, in, out and left on top.
Start an activity
Vela · Health & fitnessNine activities as tiles, and the coach’s pick that lands you in today’s target.
Trends
Vela · Health & fitnessFour sparkline cards against last month, with this week vs last and the weekly report.
Team board
Vela · Health & fitnessRanked by days on your own target, not by who trains hardest.
Several bands found
Vela · Health & fitnessThree bands nearby, ranked by signal, the blinking one first.
Pick a day
Vela · Health & fitnessA calendar sheet where every past day carries its recovery colour.
Sleep · week
Vela · Health & fitnessEach night as a bar from bedtime to wake, the late Monday in red, and the bedtime spread.
Past chats
Vela · Health & fitnessChats grouped by week, each reopening its answer.
Choose dates
Vela · Health & fitnessA range calendar for September and quick ranges as chips.
Past reports
Vela · Health & fitnessEvery weekly report with its recovery ring and one line on the week.
Side by side: one browse and list screen from each app
More patterns
Questions
Can I use these browse and list 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 browse and list screens are there?
28 today, across 4 apps. Each new app adds its own.