Admin Overview

An 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.

src/registry/blocks/admin-overview.tsx/r/admin-overview.json

Installation#

bash

npx shadcn@latest add @minidev/admin-overview

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/admin-overview.json

Usage#

tsx

import { AdminOverview } from "@/components/ui/admin-overview"

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

API reference#

AdminOverview 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

Activity Feed Admin Stat Strip Button

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.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.Inbox PageA 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.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

Learn more

Build a SaaS dashboard in Next.js with free componentsGuide All dashboards10 blocks