Examples
Headless empty is a good fit when the product needs its own illustration, spacing, copy tone, or action treatment instead of a standard wrapper shell.
No-results state
Guide users back to productive paths when search or filters return nothing.
No-results state with owner CSS
🔎
No search results
Try broader keywords or remove a few filters.
No-results state with Tailwind
🛰️
No telemetry yet
Connect your first agent to stream runtime metrics.
Onboarding state
Pair setup copy with focused actions to turn a blank surface into a next-step flow.
Onboarding state with owner CSS
✨
Welcome to workspace setup
Create your first pipeline to activate deployments.
Onboarding state with Tailwind
📦
No release artifacts
Build your project to publish the first release bundle.