MiniDev UI

Inbox Page

A Tailwind inbox panel listing messages with sender, preview line and timestamp, a New badge on unread items, and a mark all read action in the header.

src/registry/blocks/inbox-page.tsx/r/inbox-page.json

Installation#

bash
npx shadcn@latest add @minidev/inbox-page

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/inbox-page.json

Usage#

tsx
import { InboxPage } from "@/components/ui/inbox-page"

export function Example() {
  return <InboxPage />
}

API reference#

InboxPage takes no props. It ships with realistic sample content: install it, then edit the copy and data in the file directly. The file is yours.

Dependencies#

npm

React only

Built from

BadgeButton

Related dashboard components#

Admin ConsoleA full admin console with an impersonation banner, org switcher, KPI strip and tabs for users, SSO and IP allowlist, resource quotas and bulk user import.Admin OverviewAn admin overview section with a heading and invite action, stat tiles with deltas for seats, MRR, NPS and churn, and a recent activity feed below.Analytics PageA React analytics page with a KPI strip for installs, trials, conversions and seats, plus two chart cards showing 30 day bar trends side by side.Command CenterA React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.Dashboard HomeA React dashboard home screen with a page header and new project action, a KPI row with deltas, a 30 day active users bar chart and an activity feed.Project DetailA project detail header in React with a back link, page title and description, and a description list for owner, stack, license and registry.
All dashboard components