Free-Admin-Dashboard

(★ 51)

A feature-rich admin dashboard template built with React.js. This admin template offers a responsive design, customizable components, dynamic data visualization, and dark mode. Perfect for creating admin panels and React dashboards. The template dashboard is your next favorite react template.

File Explorer

Download Latest Version (.zip)

- vite.svg
- - canada.png
  - china.png
  - dark login bg 1.jpg
  - france.png
  - germany.png
  - phone 1.jpg
  - phone 2.jpg
  - phone 3.jpg
  - phone 4.jpg
  - phone 5.jpg
  - phone 6.jpg
  - phone 7.jpg
  - phone 8.jpg
  - phone product 1.jpg
  - phone product 2.jpg
  - phone product 3.jpg
  - phone product.jpg
  - profile.jpg
  - random user 1.jpg
  - random user 10.jpg
  - random user 11.jpg
  - random user 12.jpg
  - random user 13.jpg
  - random user 14.jpg
  - random user 15.jpg
  - random user 16.jpg
  - random user 2.jpg
  - random user 3.jpg
  - random user 4.jpg
  - random user 5.jpg
  - random user 6.jpg
  - random user 7.jpg
  - random user 8.jpg
  - random user 9.jpg
  - react.svg
  - tablet (1).jpg
  - tablet (2).jpg
  - tablet (3).jpg
  - tablet (4).jpg
  - tablet (5).jpg
  - tablet (6).jpg
  - tablet (7).jpg
  - tablet (8).jpg
  - united-kingdom.png
  - united-states.png
  - valueGraph.svg
- - ActivitiesByCountry.tsx
  - ActivitiesByDevices.tsx
  - ActivityByTime.tsx
  - CategoryTable.tsx
  - ConversionRateBySource.tsx
  - FAQSection.tsx
  - Footer.tsx
  - Header.tsx
  - ImageUpload.tsx
  - index.ts
  - InputWithLabel.tsx
  - LoginComponent.tsx
  - OrderTable.tsx
  - Pagination.tsx
  - ProductTable.tsx
  - RegisterComponent.tsx
  - ReviewsTable.tsx
  - RowsPerPage.tsx
  - SearchInput.tsx
  - SelectInput.tsx
  - Sidebar.tsx
  - SimpleInput.tsx
  - SimpleNotification.tsx
  - SingleActivity.tsx
  - SingleProgressElementTotalSavings.tsx
  - SingleStats.tsx
  - SingleStatsV2.tsx
  - Stats.tsx
  - TextAreaInput.tsx
  - ThirdPartyAuthButton.tsx
  - TotalSavings.tsx
  - UserTable.tsx
  - Welcome.tsx
  - WhiteButton.tsx
- - index.ts
- - Categories.tsx
  - CreateCategory.tsx
  - CreateOrder.tsx
  - CreateProduct.tsx
  - CreateReview.tsx
  - CreateUser.tsx
  - EditCategory.tsx
  - EditOrder.tsx
  - EditProduct.tsx
  - EditReview.tsx
  - EditUser.tsx
  - HelpDesk.tsx
  - HomeLayout.tsx
  - index.ts
  - Landing.tsx
  - LandingV2.tsx
  - Login.tsx
  - Notifications.tsx
  - Orders.tsx
  - Products.tsx
  - Profile.tsx
  - Register.tsx
  - Reviews.tsx
  - Users.tsx
- - data.ts
- App.tsx
- index.css
- main.tsx
- store.ts
- vite-env.d.ts
.eslintrc.cjs
.gitignore
compose.yml
dockerfile
index.html
LICENSE
package-lock.json
package.json
postcss.config.js
README.md
tailwind.config.js
tsconfig.json
tsconfig.node.json
vite.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/Kuzma02/Free-Admin-Dashboard

Downloads the entire project code from GitHub to your computer.

cd Free-Admin-Dashboard

Moves into the project folder you just downloaded.

2. Docker

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Docker Desktop Needed to build and run containers. Install it and keep it running in the background.

docker compose up -d --build

Builds and starts all defined containers (server, database, etc.) at once, in the background.

✅ Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm run dev

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.