All components

Empty State

An empty state appears when there’s no data to show, offering context and guidance in a blank view.
Empty State

Instead of leaving users confused by a white screen, the empty state might include a short description or illustration explaining why the content is unavailable. This upfront clarity prevents misunderstanding or frustration.

Designers rely on empty states to direct users toward the next steps, such as adding content or refining filters. By conveying helpful text and visuals, the empty state transforms a potentially confusing moment into an instructive opportunity to encourage user engagement.

Feed your mobile app design appetite

Turn blank screens into mouthwatering UIs in minutes
L(a)unch Now