Empty Inbox State with Illustration

A friendly empty state for a messaging inbox with an SVG illustration, headline, subtext, and primary CTA.

Empty States empty-states illustration dark-mode shadcn simple

Prompt

Create an empty state component for an empty inbox with:
- A centered SVG illustration of an empty mailbox or inbox (simple line-art style)
- Heading: "Your inbox is empty"
- Subtext: "When you receive messages, they'll appear here."
- Primary CTA button: "Compose Message"
- Secondary link: "Browse Templates"
- Centered horizontally and vertically in its container
- Responsive and works on all screen sizes
- Dark mode support
- Use Tailwind CSS, shadcn/ui Button

Share:Share on X