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
16 Examples (16 shown)
Filter:
-
Ant Design
Tech
- React
Features
- Code examples
- Accessibility issues
- Open source
-
Atlassian Design System
Tech
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
-
Base Web
Tech
- React
- CSS-in-JS
Features
- Code examples
- Usage guidelines
- Open source
-
Blueprint
Tech
- React
- Sass
Features
- Open source
-
Chakra UI
Tech
- React
- CSS-in-JS
Features
- Code examples
- Open source
-
Coral
Tech
- React
Features
- Code examples
- Tone of voice
- Open source
-
Elastic UI framework
Tech
- React
- Sass
Features
- Code examples
- Open source
-
Geist Design System
Tech
- React
Features
- Code examples
-
Morningstar Design System
Tech
- Vue
Features
- Usage guidelines
-
Nessie
Tech
- Web Components
- Tailwind CSS
Features
- Usage guidelines
- Code examples
-
Nord Design System
Tech
- Web Components
Features
- Code examples
- Usage guidelines
-
Orbit
Tech
- React
- CSS-in-JS
Features
- Usage guidelines
- Open source
- Code examples
- Tone of voice
-
PatternFly
Tech
- React
- Sass
Features
- Tone of voice
- Open source
- Usage guidelines
-
Primer
Tech
- React
Features
- Code examples
- Open source
-
Seeds
Tech
- React
Features
- Code examples
- Usage guidelines
- Tone of voice
-
Stacks
Tech
- Stimulus
Features
- Code examples
- Usage guidelines
- Tone of voice
- Open source