EmptyStates
v1.0.10Updated 27 Aug 2026Empty-state page templates — empty inbox, no results, no data, error, no access and empty cart. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 18 storiesInboxOpen ↗
▸Why this is recommendedempty-stateno-datano-resultsplaceholder+2
EmptyStates — inbox.
Recommended for+14
- ✓Empty-state screens
- ✓Zero-data fallbacks
Tags+6
empty-stateno-datano-resultsplaceholderpageinbox
Features+4
- Inbox, no-results, no-data, error and no-access layouts
- Empty cart / archive / onboarding-checklist variants
- Self-contained — no required props
Not recommended for−2
- ✕Inline empty rows (use EmptyState component)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override (copy-paste block, baked-in content)
—