Feedback / The visual dictionary

Empty state.

An explanation for a view with no content.

Also calledzero stateblank state
01

See it in context

UI illustration
▱No saved items yetSave something to find it here.

An empty state tells users why a collection has no items and what they can do next. Distinguish a first-use blank state from no search matches or a missing permission.

When to use it

Use when a view contains no records or results.

Know the difference

An empty state describes absence; an error state explains that an expected operation failed.

WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS

iOS · iPadOS · macOS · watchOS · tvOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux · Wear OS · Android TV

On the web, announce meaningful status changes without moving focus. On Android and desktop, keep messages near the relevant operation and follow the platform’s notification conventions.

Primary documentation for the pattern and its platform conventions.