Classic Dashboard
shadcnexamples/website-analytics-admin-dashboardFreeBlock
Clean and responsive admin dashboard built with shadcn/ui, featuring charts, data tables, stats cards, and sidebar navigation. A solid starting point for any web application admin panel.
Install it
npx shadcn@latest add https://shadcnexamples.com/r/website-analytics-admin-dashboard.jsonSource
1"use client";23import * as React from "react";4import Link from "next/link";5import {6 IconCamera,7 IconChartBar,8 IconDashboard,9 IconDatabase,10 IconFileAi,11 IconFileDescription,12 IconFileWord,13 IconFolder,14 IconHelp,15 IconInnerShadowTop,16 IconListDetails,17 IconReport,18 IconSearch,19 IconSettings,20 IconUsers21} from "@tabler/icons-react";2223import {24 Sidebar,25 SidebarContent,26 SidebarFooter,27 SidebarHeader,28 SidebarMenu,29 SidebarMenuButton,30 SidebarMenuItem31} from "@/components/ui/sidebar";32import { NavDocuments } from "./nav-documents";33import { NavMain } from "./nav-main";34import { NavSecondary } from "./nav-secondary";35import { NavUser } from "./nav-user";3637const data = {38 user: {39 name: "shadcn",40 email: "m@example.com",41 avatar: "/avatars/shadcn.jpg"42 },43 navMain: [44 {45 title: "Dashboard",46 url: "#",47 icon: IconDashboard48 },49 {50 title: "Lifecycle",51 url: "#",52 icon: IconListDetails53 },54 {55 title: "Analytics",56 url: "#",57 icon: IconChartBar58 },59 {60 title: "Projects",61 url: "#",62 icon: IconFolder63 },64 {65 title: "Team",66 url: "#",67 icon: IconUsers68 }69 ],70 navClouds: [71 {72 title: "Capture",73 icon: IconCamera,74 isActive: true,75 url: "#",76 items: [77 {78 title: "Active Proposals",79 url: "#"80 },81 {82 title: "Archived",83 url: "#"84 }85 ]86 },87 {88 title: "Proposal",89 icon: IconFileDescription,90 url: "#",91 items: [92 {93 title: "Active Proposals",94 url: "#"95 },96 {97 title: "Archived",98 url: "#"99 }100 ]101 },102 {103 title: "Prompts",104 icon: IconFileAi,105 url: "#",106 items: [107 {108 title: "Active Proposals",109 url: "#"110 },111 {112 title: "Archived",113 url: "#"114 }115 ]116 }117 ],118 navSecondary: [119 {120 title: "Settings",121 url: "#",122 icon: IconSettings123 },124 {125 title: "Get Help",126 url: "#",127 icon: IconHelp128 },129 {130 title: "Search",131 url: "#",132 icon: IconSearch133 }134 ],135 documents: [136 {137 name: "Data Library",138 url: "#",139 icon: IconDatabase140 },141 {142 name: "Reports",143 url: "#",144 icon: IconReport145 },146 {147 name: "Word Assistant",148 url: "#",149 icon: IconFileWord150// … truncated
What it pulls in
npm packages
Other registry items
Files it writes
More from @shadcnexamples
All 70 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 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 |
