Apps/Dashboards

Shadcn Admin

Installation & details

Installation and usage

A complete dashboard frontend with task and user tables, app integrations, chats, settings, global search and light/dark themes.

Frontend UI with authored demo data; no business backend is connected. CLI installation embeds the complete dashboard in an isolated frame. Download the full project to customize its source. Clerk routes need your own public key.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/shadcn-admin.json

03 — Add it to your page

import { ShadcnAdmin } from '@/components/apps/shadcn-admin';

export default function Page() {
  return <ShadcnAdmin />;
}

Included

Dashboard, tasks, users, integrations and chats
Searchable tables, filters and pagination
Global command search, theme settings and responsive sidebar
Full React and Vite source project with original routes

The ZIP includes the complete project, setup notes and upstream files and provenance in .podie. Extract it, run npm install, then npm run dev. The component installer adds a scoped React entry point to an existing project.

Source and attribution

Created by satnaing. Original source. MIT notices are retained. Source revision: 9b23781a817d2ff1573af0f3af4725dc2a54b42080f5d49d9fad43752a59762c.