Empty States

Four animated empty-state blocks with concise actions, distinct illustration styles, and theme-aware motion.

Archive drawer

empty-state-archive.tsx

A quiet isometric filing cabinet whose empty drawer springs open and extends on hover.

Create a record or import your existing data.

$ bunx --bun shadcn add @beui-pro/

empty-state-search.tsx

A compact no-results state with a roaming search lens and separating result lines.

Try another phrase or clear your filters.

$ bunx --bun shadcn add @beui-pro/

empty-state-inbox.tsx

A compact mail envelope that opens, lifts the final message, and confirms inbox zero.

You are caught up. New conversations will appear here.

$ bunx --bun shadcn add @beui-pro/

empty-state-board.tsx

A sharp project board whose starter card and cursor move together across columns on hover.

Projects / empty

Create the first project. The rest of the board can wait.

$ bunx --bun shadcn add @beui-pro/