ComponentsEmpty States

Empty States

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

20components

1 Free·19 Pro

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

EmptyStateSimple

Free

Loading preview...

Import EmptyStateSimple from @/components/blocks/empty-states

EmptyStateIllustration

Pro

Loading preview...

Import EmptyStateIllustration from @/components/blocks/empty-states

EmptyStateSearch

Pro

Loading preview...

Import EmptyStateSearch from @/components/blocks/empty-states

EmptyStateFiles

Pro

Loading preview...

Import EmptyStateFiles from @/components/blocks/empty-states

EmptyStateData

Pro

Loading preview...

Import EmptyStateData from @/components/blocks/empty-states

EmptyStateFilter

Pro

Loading preview...

Import EmptyStateFilter from @/components/blocks/empty-states

EmptyStateCart

Pro

Loading preview...

Import EmptyStateCart from @/components/blocks/empty-states

EmptyStateNotifications

Pro

Loading preview...

Import EmptyStateNotifications from @/components/blocks/empty-states

EmptyStateMessages

Pro

Loading preview...

Import EmptyStateMessages from @/components/blocks/empty-states

EmptyStateCalendar

Pro

Loading preview...

Import EmptyStateCalendar from @/components/blocks/empty-states

EmptyStateTeam

Pro

Loading preview...

Import EmptyStateTeam from @/components/blocks/empty-states

EmptyStatePayments

Pro

Loading preview...

Import EmptyStatePayments from @/components/blocks/empty-states

EmptyStateOffline

Pro

Loading preview...

Import EmptyStateOffline from @/components/blocks/empty-states

EmptyStateUpgrade

Pro

Loading preview...

Import EmptyStateUpgrade from @/components/blocks/empty-states

EmptyStateWithAnimation

Pro

Loading preview...

Import EmptyStateWithAnimation from @/components/blocks/empty-states

EmptyStatePermissionDenied

Pro

Loading preview...

Import EmptyStatePermissionDenied from @/components/blocks/empty-states

EmptyStateConnectionError

Pro

Loading preview...

Import EmptyStateConnectionError from @/components/blocks/empty-states

EmptyStateSyncRequired

Pro

Loading preview...

Import EmptyStateSyncRequired from @/components/blocks/empty-states

EmptyStateImportData

Pro

Loading preview...

Import EmptyStateImportData from @/components/blocks/empty-states

EmptyStateGetStarted

Pro

Loading preview...

Import EmptyStateGetStarted from @/components/blocks/empty-states

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