# Admin Dashboard > Admin panel with sidebar navigation, stats cards, data table, and chart placeholders > 사이드바 네비게이션, 통계 카드, 데이터 테이블, 차트 플레이스홀더가 포함된 관리자 대시보드 **Category**: Dashboard | **Tags**: admin, dashboard, sidebar, table, tailwind | **Difficulty**: Intermediate ## Preview ``` +------+-------------------------------------------+ | LOGO | Dashboard Search... [Avatar] | +------+-------------------------------------------+ | | | | Home | +------+ +------+ +------+ +------+ | | Users| |Users | |Revenue| |Orders| |Growth| | | Prods| |12.4K | |$48.2K | |1,832 | |+12% | | | Ordrs| +------+ +------+ +------+ +------+ | | Set. | | | | +--- Users Table ------------------+ | | | | Name | Email | Role | Status | A | | | | | John | j@... | Admin| Active | . | | | | | Jane | j@... | User | Active | . | | | | +----------------------------------+ | +------+-------------------------------------------+ ``` ## Quick Start ```bash # 1. Copy HTML to index.html # 2. Open in browser - responsive sidebar collapses on mobile # 3. Replace static data with your API calls # Tip: Add Chart.js or ApexCharts for the chart section ``` ## Full Code ```html Admin Dashboard

JD

Dashboard

Total Users +12%

12,421

vs. 11,089 last month

Revenue +8%

$48,230

vs. $44,650 last month

Orders -3%

1,832

vs. 1,889 last month

Conversion +0.5%

3.24%

vs. 2.74% last month

Revenue Overview

Chart Placeholder

Add <canvas id="chart"> + Chart.js

Recent Users

Name	Email	Role	Status	Actions
JD John Doe	john@example.com	Admin	Active
JS Jane Smith	jane@example.com	Editor	Active
BW Bob Wilson	bob@example.com	Viewer	Pending

Showing 1-3 of 12,421

``` ## Customization Guide - **Sidebar items**: Add/remove nav items; copy the `` block and change icon SVG + text - **Stats cards**: Replace numbers with dynamic data from your API - **Chart**: Add `` and create a Chart.js instance targeting a `