• Design systems
  • Components
  1. Components
  2. Empty state

Empty state component examples

Empty states explain why nothing is here yet and give the next useful step.

Also known as blankslate, Empty, Illustrated message

Open Empty State source example
Empty State from Basis Design System

Empty State

Basis Design System
Open Empty State source example
Empty State from Chakra UI

Empty State

Chakra UI
Open Empty State source example
Empty State from Duet Design System

Empty State

Duet Design System
Open Empty State source example
Empty State from Morningstar Design

Empty State

Morningstar Design
Open Empty state source example
Empty state from PatternFly

Empty state

PatternFly
Open Empty source example
Empty from shadcn

Empty

shadcn

Related categories

Explore adjacent component patterns.

Skeleton

Skeleton avatar, Skeleton loader, Skeleton table

Spinner

Inline loader, Inline loading, Loader, Loading, Loading icon, Loading indicator, Spin

Review required

Check your settings.

Alert

Feedback, Message, Callout, Flashbar, Banner

ContinueCancel

Button

Icon button

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery