Mail App

shadcnexamples/mail-app

FreeBlock

Full-featured email client UI with inbox, compose window, folders, and threaded conversations. Built with resizable panels and a clean layout inspired by modern mail apps.

Install it

npx shadcn@latest add https://shadcnexamples.com/r/mail-app.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

date-fns
lucide-react
radix-ui
zustand

Other registry items

select
dropdown-menu
avatar
button
calendar
label
popover
separator
switch
textarea
tooltip
drawer
dialog
badge
scroll-area
input
resizable
tabs
sheet

Files it writes

examples/mail-app/components/account-switcher.tsx
examples/mail-app/components/mail-display-mobile.tsx
examples/mail-app/components/mail-display.tsx
examples/mail-app/components/mail-list.tsx
examples/mail-app/components/mail.tsx
examples/mail-app/components/nav-desktop.tsx
examples/mail-app/components/nav-mobile.tsx
examples/mail-app/components/nav.tsx
examples/mail-app/data.tsx
examples/mail-app/page.tsx
examples/mail-app/use-mail.ts

More from @shadcnexamples

All 70 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Activity Feedactivity-feed	@shadcnexamples	Blocks	Free	1 dep
Add Product Formadd-product-form	@shadcnexamples	Blocks	Free	4 deps · 3 files
AI Chatai-chat	@shadcnexamples	Blocks	Free	2 deps · 8 files
Authenticationauthentication	@shadcnexamples	Blocks	Free	1 dep · 2 files
Bento Gridbento-grid	@shadcnexamples	Blocks	Free	1 dep
Blog Detail Pageblog-detail-page	@shadcnexamples	Blocks	Free	1 dep · 4 files
Blog Pageblog-page	@shadcnexamples	Blocks	Free	1 dep · 4 files
Changelog Pagechangelog-page	@shadcnexamples	Blocks	Free	1 dep