Blocks

Dashboard overview

Shell, stat cards, chart, and recent accounts table.

Full screen

Installation

Registry CLI

Requires a one-time components.json registry entry for @feature-kit/blocks-dashboard-overview.

pnpm dlx shadcn@latest add https://feature-kits.vercel.app/r/blocks-dashboard-overview.json

Namespaced: npx shadcn@latest add @feature-kit/blocks-dashboard-overview

Manual installation

Monorepo consumers can depend on workspace:* packages instead of the registry CLI.

pnpm add layout data-table theme ui

Dependencies

// apps/your-app/package.json
"dependencies": {
    "layout": "workspace:*"
    "data-table": "workspace:*"
    "theme": "workspace:*"
    "ui": "workspace:*"
}

Transpile (Next.js)

// next.config.ts
transpilePackages: ["layout", "data-table", "theme", "ui"]

Import

import { DashboardOverviewBlock } from "@/components/blocks/dashboard-overview-block"

Install @feature-kit/dashboard-shell and @feature-kit/data-table if you have not added them yet.

On this page