ComponentsEmpty States

Empty States

Empty state components for various contexts with visual previews for all 20 components.

20components

1 Free·19 Pro

import { ... } from "@/components/blocks/empty-states"

EmptyStateSimple

Free

1280px

Loading preview...

EmptyStateIllustration

Pro

1280px

Loading preview...

EmptyStateSearch

Pro

1280px

Loading preview...

EmptyStateFiles

Pro

1280px

Loading preview...

EmptyStateData

Pro

1280px

Loading preview...

EmptyStateFilter

Pro

1280px

Loading preview...

EmptyStateCart

Pro

1280px

Loading preview...

EmptyStateNotifications

Pro

1280px

Loading preview...

EmptyStateMessages

Pro

1280px

Loading preview...

EmptyStateCalendar

Pro

1280px

Loading preview...

EmptyStateTeam

Pro

1280px

Loading preview...

EmptyStatePayments

Pro

1280px

Loading preview...

EmptyStateOffline

Pro

1280px

Loading preview...

EmptyStateUpgrade

Pro

1280px

Loading preview...

EmptyStateWithAnimation

Pro

1280px

Loading preview...

EmptyStatePermissionDenied

Pro

1280px

Loading preview...

EmptyStateConnectionError

Pro

1280px

Loading preview...

EmptyStateSyncRequired

Pro

1280px

Loading preview...

EmptyStateImportData

Pro

1280px

Loading preview...

EmptyStateGetStarted

Pro

1280px

Loading preview...

All 20 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/empty-states