Skip to content

A modern and responsive Admin Dashboard built with React and Material UI (MUI v5). Features a customizable AppBar, Sidebar, and reusable components. Ideal for building production-ready admin panels and dashboards with a clean UI.

Notifications You must be signed in to change notification settings

behan05/material-ui-admin-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

25 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

* ๐Ÿงฉ Admin Dashboard UI (React + MUI)

A modern and responsive Admin Dashboard UI built with React, Material UI, and Recharts. This project is designed to be scalable, customizable, and developer-friendly. It includes various sections like Dashboard, Users, Profile, Projects, Notifications, Logs, and Authentication pages (Login/Signup).

โœจ Features:

  • โšก React 18 with functional components and hooks
  • ๐ŸŽจ Material UI v5 for component styling and theming
  • ๐ŸŒ— Light/Dark Mode toggle
  • ๐Ÿงญ Responsive Sidebar with Redux control
  • ๐Ÿ“Š Dashboard with live chart cards
  • ๐Ÿ‘ค Profile page with editable sections
  • ๐Ÿ“ Project Table with progress indicators
  • ๐Ÿ”” Custom Notifications (Alert Boxes)
  • ๐Ÿ“„ Logs Table for activity tracking
  • ๐Ÿ” Auth pages with Login, Signup, Forgot Password, and Social Logins

๐Ÿ“ Folder Structure (Example):

src/
โ”‚
โ”œโ”€โ”€ assets/ # Icons, images, logos
โ”œโ”€โ”€ components/ # Reusable UI components
โ”œโ”€โ”€ pages/ # Pages like Dashboard, Users, Profile
โ”œโ”€โ”€ redux/ # Redux store and slices
โ”œโ”€โ”€ theme/ # MUI theme setup
โ”œโ”€โ”€ App.jsx # Root component
โ”œโ”€โ”€ index.js # Entry point

๐Ÿ“ฆ Tech Stack:

  • React
  • Material UI (MUI)
  • Redux Toolkit
  • Recharts
  • React Router DOM
  • GSAP (for small animations)

๐Ÿš€ How to Start:

  1. Clone this repo
  2. Run npm install or yarn
  3. Start the app with npm start

๐Ÿ“Œ Note: This project is frontend only. You can easily integrate it with any backend like Node.js, Django, or Firebase.

๐Ÿ“ฎ Feel free to contribute or fork this project! */

About

A modern and responsive Admin Dashboard built with React and Material UI (MUI v5). Features a customizable AppBar, Sidebar, and reusable components. Ideal for building production-ready admin panels and dashboards with a clean UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages