Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Editable Cells
Next: Employee Directory

React Table Block Email Inbox

Table component with email inbox layout showing sender, subject, preview and timestamps for React email client interfaces

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.

React Table Block Email Inbox preview

Loading...
Scroll to load preview

Installation

Install
Pro block

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

FAQ

Editable Cells

Table component with click-to-edit cells and input validation for React spreadsheet interfaces

Employee Directory

Table component with employee directory showing profiles, departments, contact info and reporting structure for React HR dashboards