Illustration + heading + CTA — what users see before any data exists.
The first thing a user sees when a list, table, dashboard, or workspace has nothing in it yet. Designed to make the zero-data case feel intentional — like the app is waiting for them — rather than broken. Pairs with every list, datagrid, dashboard, and detail template to handle the 'I've never used this before' moment.
Each section pre-wired with the right CleenUI primitives. Swap, remove, or extend any of them — the template is a starting point, not a constraint.
Inline SVG or icon — sets the mood, doesn't have to be elaborate.
One sentence explaining what's missing.
1–2 sentences on what to do.
Single action — 'Create your first X'.
All of these are in the catalog — the Builder skill imports them automatically. Each chip links to that component's page.
When the Builder skill scaffolds this template for you, these are the fields it asks about — or infers from your prompt.
Ask your AI agent to scaffold this template in your project — the Builder skill knows the Empty State layout and the components it uses.
Two paths to your first component. Pick the one that fits how your team builds.
One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.
The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.