B. Application & Dashboard

Empty States

A library of empty-state cards, full-page states inside the shell, loading skeletons, error pages and first-run vs. filtered empties.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/empty-states

01Empty state card library

Uses: EmptyState · Button

components/blocks/app/empty-states/01-card-library.tsx

Uses: AppFrame · EmptyState · Button

components/blocks/app/empty-states/02-full-page-shell.tsx

Uses: AppFrame · Skeleton · StatCard · Table

components/blocks/app/empty-states/03-loading-skeleton.tsx

Uses: EmptyState · Button · Badge

components/blocks/app/empty-states/04-error-pages.tsx

Uses: AppFrame · EmptyState · Badge · Button

components/blocks/app/empty-states/05-first-run-vs-filtered.tsx