Build a full-featured admin dashboard for SaaS applications.

Core Modules:
1. Overview: Revenue metrics, user growth, churn rate, MRR/ARR charts
2. Users: User table with search, filters, bulk actions, user detail drawer
3. Subscriptions: Plan management, upgrade/downgrade flows, billing history
4. Content: CRUD interface for managing application content
5. Settings: Team members, roles/permissions, API keys, webhooks

UI Components Required:
- Multi-step forms with validation
- Command palette (CMD+K) for quick navigation
- Toast notifications system
- Modal dialogs with forms
- Skeleton loaders for async content
- Empty states with illustrations
- Breadcrumb navigation

Design System:
- Consistent 8px spacing grid
- Color-coded status badges
- Icon system using Lucide
- Typography scale with clear hierarchy
- Form field variants (default, error, success, disabled)

Technical Implementation:
- Next.js App Router with layouts
- Server Components for data fetching
- Server Actions for mutations
- Zod for form validation
- Shadcn UI components

Related Prompts

View all

Real-Time Analytics Dashboard

Create a comprehensive analytics dashboard with real-time data visualization. Layout Structure: - C...

AnalyticsCharts

Personal Finance Dashboard

Create a beautiful personal finance tracking dashboard. Features: 1. Account Overview: Total balanc...

FinancePersonal

Notion-Style Project Dashboard

Build a project management dashboard inspired by Notion and Linear. Views: 1. Board View: Kanban wi...

Project ManagementKanban

Premium SaaS Landing Page Template

Role: You are an expert Senior Frontend Engineer and UI/UX Designer specializing in high-end, dark-t...

Next.jsTailwind CSS

Back to prompts

Build a full-featured admin dashboard for SaaS applications.

Core Modules:
1. Overview: Revenue metrics, user growth, churn rate, MRR/ARR charts
2. Users: User table with search, filters, bulk actions, user detail drawer
3. Subscriptions: Plan management, upgrade/downgrade flows, billing history
4. Content: CRUD interface for managing application content
5. Settings: Team members, roles/permissions, API keys, webhooks

UI Components Required:
- Multi-step forms with validation
- Command palette (CMD+K) for quick navigation
- Toast notifications system
- Modal dialogs with forms
- Skeleton loaders for async content
- Empty states with illustrations
- Breadcrumb navigation

Design System:
- Consistent 8px spacing grid
- Color-coded status badges
- Icon system using Lucide
- Typography scale with clear hierarchy
- Form field variants (default, error, success, disabled)

Technical Implementation:
- Next.js App Router with layouts
- Server Components for data fetching
- Server Actions for mutations
- Zod for form validation
- Shadcn UI components