Illustration-based fallbacks

Five empty state components that still feel polished.

Use these responsive layouts when a screen has no tasks, messages, search results, notifications, or uploaded files.

No tasks

No tasks yet

Your board is clean. Add the first task and start building momentum for the sprint.

No messages

Inbox is empty

There are no active conversations right now. Start a thread or invite your team to begin.

No results

Nothing matched your search

Try a broader keyword, clear filters, or explore the full catalog to find the right component.

No notifications

All caught up

There is nothing urgent right now. Turn on alerts so you never miss important updates.

No files

No files uploaded

Drop files here or connect cloud storage to keep your workspace organized and ready.

Advance Empty state Compoents

No analytics

No data available yet

Your dashboard is waiting for traffic. Connect your project and start tracking insights.

No team members

Build your dream team

Invite collaborators and work together on projects, tasks and ideas in real time.

No playlists

Your library feels silent

Create playlists, save favorite tracks, and discover new music for every mood.

Cart is empty

Your cart misses something

Browse collections and add products you love before checkout.

No events

Your schedule is wide open

Add meetings, reminders, and events to keep your productivity flowing.

No bookmarks

Save things for later

Bookmark articles, inspirations and resources to revisit anytime.

Action Successful!