Skip to content

This page was made as a personal project in connection with an educational exercise.

This is NOT the official site of the company or brand identified on the page. The creator of this page is NOT affiliated with the company or brand in any way. DO NOT enter any personal information (such as logins, passwords or credit card numbers) on this site.

Dashboard is a fully responsive, dark-mode-enabled admin panel built with Next.js, Tailwind CSS, shadcn/ui, and Framer Motion – featuring animated skeletons, circular progress charts, and clean modern UI components.

Notifications You must be signed in to change notification settings

Sarathmithran/dashboard

Repository files navigation

🛠️ Dashboard

Dashboard is a fully responsive, dark-mode-enabled admin panel built with Next.js, Tailwind CSS, shadcn/ui, and Framer Motion – featuring animated skeletons, circular progress charts, and clean modern UI components.


🚀 Tech Stack

  • Next.js 15 (App Router)
  • 🎨 Tailwind CSS
  • 🧠 Framer Motion
  • 💅 shadcn/ui
  • 🖼️ react-loading-skeleton
  • 🌗 Context API – State management (e.g., dark mode)
  • 🔵 react-circular-progressbar – Circular charts
  • 🧩 lucide-react – Icon library
  • 🌙 Dark Mode Support

📦 Setup Instructions

  1. Clone the repo:
git clone https://github.com/Sarathmithran/dashboard.git
cd dashboard

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.


🚀 Live Demo

This project is deployed using Vercel
👉 Live Site: Dashboard

About

Dashboard is a fully responsive, dark-mode-enabled admin panel built with Next.js, Tailwind CSS, shadcn/ui, and Framer Motion – featuring animated skeletons, circular progress charts, and clean modern UI components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published