Empty states

Stands in for content that is not there: one EmptyState export with eleven parts and six kinds of art. Three sizes, no states or breakpoints of its own.

Demo

hero

No projects found

Your search “Landing page design” did not match any projects. Please try again.

Composition
size
pattern
import { Plus } from "@untitledui/icons"; import { Button } from "@/components/base/buttons/button"; import { EmptyState } from "@/components/application/empty-state/empty-state"; <EmptyState size="sm"> <EmptyState.Header> <EmptyState.FeaturedIcon color="gray" /> </EmptyState.Header> <EmptyState.Content> <EmptyState.Title>No projects found</EmptyState.Title> <EmptyState.Description> Your search “Landing page design” did not match any projects. Please try again. </EmptyState.Description> </EmptyState.Content> <EmptyState.Footer> <Button size="sm" color="secondary">Clear search</Button> <Button size="sm" iconLeading={Plus}>New project</Button> </EmptyState.Footer> </EmptyState>

In context

in-context
View in a page

Types

cells

The sheet’s eight Types at sm, in its order, with its copy.

The sheet’s eight

No projects found

Your search “Landing page design” did not match any projects. Please try again.

Featured icon

No projects found

Your search “Landing page design” did not match any projects. Please try again.

Illustration

No projects found

Your search “Landing page design” did not match any projects. Please try again.

File type icon, pattern circle

No projects found

Your search “Landing page design” did not match any projects. Please try again.

Folder icon, pattern grid

No projects found

Your search “Landing page design” did not match any projects. Please try again.

Folder icon transparent

No users found

Your search did not match any users.

Users radius

Invite your first user

Add your team members and external users.

Users row

Sorry, no results!

We couldn’t find any apps or commands. Please try again or browse all apps.

Integrations

Illustration styles

No files uploaded

Upload your first file to get started. PNG, JPG, or PDF up to 10 MB.

Illustration, box

No documents yet

Documents you create or import will show up here, newest first.

Illustration, documents

No payment method

Add a card to keep your workspace active when the trial ends on 30 September.

Illustration, credit card

Background patterns

No projects found

Your search “Landing page design” did not match any projects. Please try again.

pattern circle

No projects found

Your search “Landing page design” did not match any projects. Please try again.

pattern square

No projects found

Your search “Landing page design” did not match any projects. Please try again.

pattern grid

No projects found

Your search “Landing page design” did not match any projects. Please try again.

pattern grid-check

Sizes

cells

Three sizes on the root; every part follows it through context.

Featured icon

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size sm

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size md

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size lg

Illustration

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size sm, cloud

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size md, cloud

No projects found

Your search “Landing page design” did not match any projects. Please try again.

size lg, cloud

Pattern size

No projects found

Your search “Landing page design” did not match any projects. Please try again.

patternSize sm, circle

No projects found

Your search “Landing page design” did not match any projects. Please try again.

patternSize md, circle

No projects found

Your search “Landing page design” did not match any projects. Please try again.

patternSize lg, circle

Layouts

cells

No projects found

Your search “Landing page design” did not match any projects. Please try again.

at the root’s max-w-lg cap, centred

No projects found

Your search “Landing page design” did not match any projects. Please try again.

in a w-80 column, the copy wraps with it

Tones

cells

FeaturedIcon’s five colors and five themes; the sheet draws gray, modern.

Icon color

No projects found

Your search “Landing page design” did not match any projects. Please try again.

color gray

No projects found

Your search “Landing page design” did not match any projects. Please try again.

color brand

No projects found

Your search “Landing page design” did not match any projects. Please try again.

color success

No projects found

Your search “Landing page design” did not match any projects. Please try again.

color warning

No projects found

Your search “Landing page design” did not match any projects. Please try again.

color error

Icon theme

No projects found

Your search “Landing page design” did not match any projects. Please try again.

theme modern

No projects found

Your search “Landing page design” did not match any projects. Please try again.

theme light

No projects found

Your search “Landing page design” did not match any projects. Please try again.

theme gradient

No projects found

Your search “Landing page design” did not match any projects. Please try again.

theme dark

No projects found

Your search “Landing page design” did not match any projects. Please try again.

theme outline

Content

cells

No projects match “Landing page design” in this workspace

Your search “Landing page design” did not match any projects. Please try again.

a long title wraps, centred

No projects found

title only, no description

No projects found

Your search “Landing page design” did not match any projects. Please try again.

no footer