Admin Dashboard
SaaSFull-featured admin dashboard with metrics, charts, and data management.
Key Features
- ✓Real-time metrics and KPIs
- ✓Interactive charts and data visualization
- ✓Activity feed and notifications
- ✓Responsive grid layout
- ✓Dark mode support
Components Used
AppSidebar
TopNav
StatsOverview
MetricCards
ActivityFeed
FullDataTable
Quick Start
Scaffold this template in your project using the CLI:
Terminal
npx create-launchapp-app --template=dashboardUsage Example
AdminDashboard.tsx
import { AppSidebar } from "@launchapp/design-system/blocks/navigation";import { TopNav } from "@launchapp/design-system/blocks/navigation";import { StatsOverview } from "@launchapp/design-system/blocks/dashboard";export default function DashboardPage() { return ( <div className="flex h-screen"> <AppSidebar /> <div className="flex-1 flex flex-col"> <TopNav /> <main className="flex-1 overflow-auto p-8"> <StatsOverview items={[ { id: "revenue", label: "Revenue", value: "$45,231.89", change: "+20.1%" }, { id: "users", label: "Active Users", value: "2,350", change: "+15.3%" }, { id: "orders", label: "Orders", value: "1,234", change: "+8.2%" }, { id: "growth", label: "Growth", value: "12.5%", change: "+4.3%" }, ]} /> </main> </div> </div> );}About This Template
Template ID
dashboard
Source File
templates/DashboardTemplate.tsx
Category
SaaS