11 search screens from 4 complete apps
Search as people type, with results, recent searches and the case where nothing matches. 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.
Search
Spinback · MusicA chunky search box, hum to search, and era tiles with a record tucked in each.
Recent searches
Spinback · MusicWhat you searched, with clear, and what’s trending.
Results
Spinback · MusicA top result card for the artist, then songs and an album.
Hum to search
Spinback · MusicRings pulse from the mic and the bars move while it listens.
Find an artist
Spinback · MusicResults while picking artists, one already ticked.
Search offline
Spinback · MusicOffline search covers the downloads, and says so.
Search results
Kitchenbell · Food & drinkLive query, active filter chips, result rows with offers, recent searches.
Search the menu
Kitchenbell · Food & drinkSearch inside one kitchen with the match highlighted, the section, quick add, and a jump to every kitchen.
Search answers
Ravel · FinanceSearch answers the question first (₹1,960 on late rides), then lists the payments behind it.
Find an activity
Vela · Health & fitnessTyping “pad” with the keyboard up: Padel, Paddleboarding and a close match.
Side by side: one search screen from each app
More patterns
Questions
Can I use these search 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 search screens are there?
11 today, across 4 apps. Each new app adds its own.