Mobile empty-state illustration UI examples

Empty-state illustration UI examples

Search the library

See the flow
Budget app - spending tracker
The main content area is an empty state illustration of a document with a magnifying glass and an 'x' icon, accompanied by the text 'No tag data found'.
See the flow
PDF Scanner AI: Scan Documents
The center of the screen features a large, light-blue folder illustration accompanied by the text 'This folder is empty, move your scanned docs right in' and a 'Move scans' button.
See the flow
Klook: Travel & Activities
Below the illustration, the text 'You don't have any notifications yet' informs the user of the empty state.
See the flow
SubPilot: Cancel Subscriptions
The main body of the screen displays an empty state illustration of a paper boat, centered vertically, accompanied by the text 'No Notifications Yet' and a subtext 'All quiet for now.
See the flow
EveryDollar: Budget Management
The screen features a central illustration of a checklist with a green checkmark, indicating an empty list.
See the flow
Widgetable: Besties & Couples
The main content area is an empty state, showing a simple illustration of an open box with floating confetti-like elements and the text 'No records' below it.
See the flow
Meetup: Social Events & Groups
The 'PAST' tab is currently selected, showing an empty state illustration of a paper airplane with the text 'Looks like you haven't gone to any events yet!'.
See the flow
Plant Identifier, Care: Planty
The main content area features an empty state illustration of a happy, anthropomorphic plant character giving a thumbs-up, accompanied by the text 'You've completed all the tasks.
See the flow
Widgetable: Besties & Couples
The main content area is an empty state, showing a simple illustration of an open box with the text 'No records' below it, indicating that the user has no transaction history for diamonds.
See the flow
Ascend: Bible Game
The bottom section is a white sheet titled 'Select Friends' with an empty state illustration of two people icons.
See the flow
GoodNovel - Booktok, Stories
The bottom half of the screen shows a 'History' section, which currently displays an empty state illustration of a stylized character looking into a hole, accompanied by the text 'No Records'.
See the flow
Bible Chat: Daily Devotional
Below the illustration, the text 'Your Prayer List is Empty' is displayed in a neutral gray font.
See the flow
Too Good To Go: Save Good Food
Top navigation bar, central illustration and text, primary CTA button, bottom status footer.
See the flow
Budget app - spending tracker
Below this card, the main area is mostly empty, featuring a subtle illustration of an empty glass jar with a few coins next to it, accompanied by the text 'Please add a saving goal'.
See the flow
Plane Finder ⁃ Flight Tracker
The screen features a centered illustration of an airplane inside a dashed-line square, representing an empty list.
See the flow
Too Good To Go: Save Good Food
Top header with avatar and settings, central empty state illustration and text, two side-by-side impact cards, version footer, and bottom navigation.
See the flow
invideo AI: AI Video Generator
The center of the screen displays an empty state illustration with the text 'Your generated assets will show up here'.
See the flow
Hypelist: Create & Share Lists
The main content area displays an empty state illustration of a padlock with the text 'These lists will be for your eyes only', indicating that the user is viewing their private lists.
See the flow
Meetup: Social Events & Groups
The 'PAST' tab is currently selected, showing an empty state illustration of a paper airplane with the text 'Looks like you haven't gone to any events yet!'.
See the flow
Useless - Screen Time Control
Top header with date and edit button, central hero card for screen time stats, lower card for empty state data, and a bottom navigation bar.

Found an example you like?See the whole story.

See the full library See plans