Components · Feedback
Empty
shadcn's Empty: what goes where there's nothing yet, nothing matching, or nothing left.
No notifications
Mentions, reviews and failed deploys show up here as they happen.
Installation
npx shadcn@latest add https://www.syntaqx.com/r/empty.jsonExamples
First run
The first empty screen is onboarding. Say what belongs here and why, give one primary action, and offer a way to see it populated without creating anything real.
Inspired by GitHub
No projects yet
A project groups the services you deploy together, so their logs and alerts live in one place.
No results
Repeat the query back, and if a filter is hiding a match, say so and offer to lift it. The reader shouldn't have to work out which of their own choices emptied the list.
Inspired by GitHub
No open issues match “secret”
1 archived issue matches.
All done
Finishing is the goal, so it earns its own state. Acknowledge it, don't reuse the first-run copy, and keep the last action undoable in case the finish was a misclick.
Inspired by Superhuman
- Review the payout PR
- Reply to the vendor
- Approve the rollout