An indication to the user that there is no data to display in the current view; it often includes an alternative action (e.g. try a different search term).
Component
Empty state
14 examples
Empty
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Empty state
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Empty State
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Empty state
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
Empty prompt
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Empty State
Geist Design System
Vercel
- React
- Code examples
Empty state
Morningstar Design System
- Vue
- Usage guidelines
Empty State
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Empty state
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Empty state
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Empty state
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Blankslate
Primer
GitHub
- React
- Code examples
- Open source
Empty State
Seeds
Sprout Social
- React
- Code examples
- Usage guidelines
- Tone of voice
Empty state
Stacks
Stack Overflow
- Stimulus
- Code examples
- Usage guidelines
- Tone of voice
- Open source