Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Email Inbox
Table component with email inbox layout showing sender, subject, preview and timestamps for React email client interfaces
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Build your email client on Next.js with this email inbox table component. Features sender avatars with names, subject lines with body previews, unread message indicators, star and label badges, attachment icons, relative timestamps, and checkbox selection for bulk actions. Built with shadcn/ui Table, Checkbox, Avatar, and Badge components using Tailwind CSS and Lucide icons. The familiar inbox layout enables efficient email scanning perfect for email clients, notification centers, message dashboards, support ticket lists, or any React app displaying message-style content.
Inbox
10 messages · 3 unread
| From | Subject | Date | ||
|---|---|---|---|---|
SCSarah Chen | Q4 Planning Meeting Notes Hi team, here are the key takeaways from our planning session yesterday. Please review the action items... workimportant | 10:32 AM | ||
GGitHub | [claude-code] New pull request #428 mergify bot opened a pull request in anthropics/claude-code repository... work | 9:15 AM | ||
MJMarcus Johnson | Re: Weekend plans Sounds great! Let's meet at the coffee shop around 2pm. I'll bring the documents we discussed... personal | Yesterday | ||
SStripe | Your receipt from Acme Corp Thank you for your payment. Your receipt for $49.00 is attached to this email... finance | Yesterday | ||
EREmily Rodriguez | Design review feedback I've reviewed the latest mockups and have some suggestions. The hero section looks great but... work | Yesterday | ||
DADelta Airlines | Your trip confirmation - SFO to JFK Your booking is confirmed. Flight DL 1842 departing San Francisco on March 15... travel | Mar 10 | ||
DKDavid Kim | Quick question about the API Hey, do you have a moment to chat about the authentication flow? I'm running into an issue with... work | Mar 10 | ||
LLinkedIn | You have 3 new connection requests Sarah Chen, Marcus Johnson, and 1 other want to connect with you on LinkedIn... | Mar 9 | ||
AAmazon | Your order has shipped! Great news! Your package is on its way. Track your delivery using the link below... personal | Mar 8 | ||
LTLisa Thompson | Team lunch next Friday? Hi everyone! I'm thinking we could do a team lunch next Friday to celebrate the launch. Any preferences... workpersonal | Mar 7 |
Installation
Related blocks you will also like
Table with Row Selection
Select messages
Table with Avatar Stacks
Sender avatars
Table with Badge Counters
Label badges
Table with DateTime Formatting
Timestamps
Table with Row Highlighting
Unread highlight
Table with Quick Actions
Email actions