Empty State

Full-page and inline zero-data placeholders. Three background treatments — a simple icon, a radial-orbit avatar ring, and a static icon grid — all sharing the same title / description / action-buttons layout.

Simple

A featured icon with no decorative background. The lightest option — use for inline panels, drawers, or small cards.

No projects found

Your search did not match any projects. Please try again.

Simple — no actions

When there is nothing the user can do, omit the footer entirely.

Your inbox is empty

When you receive messages they will appear here.

Radial

Five concentric rings with avatar pills orbiting them, fading out via a radial gradient mask. The featured icon sits at the centre. Supports up to 9 avatar slots; falls back to graphic-colour initials when no photo is provided.

No users found

Your search did not match any users. Please try again.

Radial — with avatar photos

Pass a src on each avatar item to show photo thumbnails instead of initials.

No members found

Try adjusting your filters or inviting new members.

Icon Grid

A static grid of icon tiles masked by a radial gradient. The featured icon floats centred on top. Ideal for integration or app-browser empty states.

No integrations found

We could not find any apps or integrations matching your search.

Icon Grid — with icons

Pass an icons array with icon and color values to scatter coloured icon tiles across the grid.

Sorry, no results

We could not find any apps or commands. Please try again or browse all apps.