FreeDash-lite - GitLite

KO | EN

gitlite — search

#react #llm #android #machine-learning #rust #deep-learning #linux #docker #java #windows #kubernetes #vue #awesome-list #pytorch

FreeDash-lite

(★ 125)

FreeDash Lite is a lightweight, responsive, and developer-friendly admin dashboard template built with Bootstrap 5. It offers a clean UI, customizable components, and is SEO-ready, making it ideal for web apps, SaaS platforms, and admin panels.

File Explorer

Download Latest Version (.zip)

- index.html
- style.css
- - app-calendar.html
  - app-chat.html
  - authentication-login1.html
  - authentication-register1.html
  - chart-chart-js.html
  - chart-knob.html
  - chart-morris.html
  - form-checkbox-radio.html
  - form-input-grid.html
  - form-inputs.html
  - icon-fontawesome.html
  - icon-simple-lineicon.html
  - index.html
  - table-basic.html
  - table-dark-basic.html
  - table-datatable-basic.html
  - table-layout-coloured.html
  - table-sizing.html
  - ticket-list.html
  - ui-bootstrap.html
  - ui-breadcrumb.html
  - ui-buttons.html
  - ui-cards.html
  - ui-carousel.html
  - ui-grid.html
  - ui-list-media.html
  - ui-modals.html
  - ui-notification.html
  - ui-popover.html
  - ui-progressbar.html
  - ui-scrollspy.html
  - ui-spinner.html
  - ui-tab.html
  - ui-toasts.html
  - ui-tooltip-popover.html
  - ui-typography.html
- - style.scss
- .gitignore
- gulpfile.js
- package-lock.json
- package.json
LICENSE.txt
package.zip
README.md

# Installation Guide

1. Get the code

git clone https://github.com/adminmart/FreeDash-lite

Downloads the entire project code from GitHub to your computer.

cd FreeDash-lite

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

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.

✅ 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.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
   <a href="https://adminmart.com/" target="_blank">
      <img src="https://adminmart.github.io/template_api/images/brand-logo/adminmart-Logo.svg" alt="sneat-logo" width="200px" height="150px">
   </a>
</p>

<h1 align="center">
   <a href="https://adminmart.com/product/freedash-bootstrap-5-admin-template/?ref=56" target="_blank" align="center">
      FreeDash Bootstrap 5 Admin Template
   </a>
</h1>

<p align="center">Download most useful and comprehensive 🚀 Free Bootstrap admin template built for developers 🛠</p>

[![FreeDash Bootstrap 5 Admin Template Demo Screenshot](https://adminmart.com/wp-content/uploads/2023/02/freedash-bootstrap-5-admin-template-min.png)](https://adminmart.com/product/freedash-bootstrap-5-admin-template/?ref=56)

## 👋 Introduction

**FreeDash** is a sleek and fully responsive **Bootstrap 5 admin dashboard template** built with **SASS**, **jQuery**, and **ApexCharts**. It provides a modern and robust foundation for developing high-quality, scalable, and feature-rich web applications.

Perfect for creating **SaaS dashboards**, **admin panels**, and **internal tools**, Modernize offers a collection of pre-built components, responsive layouts, and interactive charts to help you build faster and smarter.

Completely open-source and free for both personal and commercial projects, Modernize is easy to customize, production-ready, and designed to help developers deliver professional-grade interfaces with minimal effort.

### 🔑 Key Features

- **Modern Tech Stack**  
  Built with **Bootstrap 5**, **SASS**, **jQuery**, and **ApexCharts** for a fast, scalable, and flexible admin dashboard experience.

- **Responsive Design**  
  Fully mobile-friendly layout using **Bootstrap’s grid system** and custom styling with **SASS** to ensure a consistent and adaptive UI across all screen sizes.

- **Reusable UI Components**  
  Includes extendable, pre-built components powered by **Bootstrap 5**, offering ready-to-use elements like cards, forms, buttons, and more for quick UI building.

- **Interactive Charts**  
  Integrated with **ApexCharts** to deliver dynamic, interactive, and visually appealing data visualizations out of the box.

- **Pre-designed Pages**  
  Comes with pre-built pages like dashboards, login forms, user profiles, and error pages to speed up your development process and get started quickly.

- **Developer Friendly**  
  Clean, modular codebase with **SASS** variables and **jQuery** integration for easy customization, maintenance, and improved code reusability.

---

## 🛠️ Notable Libraries and Tools

| **Library / Tool**     | **Description**                                                                 |
|------------------------|---------------------------------------------------------------------------------|
| **Bootstrap 5**         | A powerful, mobile-first front-end framework for building responsive and modern web interfaces. |
| **SASS**                | A CSS preprocessor that extends CSS with variables, nested rules, and mixins to make stylesheets more maintainable and efficient. |
| **jQuery**              | A fast, small, and feature-rich JavaScript library that simplifies HTML document traversal, event handling, and AJAX interactions. |
| **ApexCharts**          | A modern charting library for creating beautiful, interactive, and responsive data visualizations. |

---

## 💾 Installation Guide

Welcome to the **FreeDash Bootstrap 5 Admin Template**! This guide will walk you through the installation and setup process, so you can get started with building your custom admin dashboard in no time.

### 📝 Steps to Install

#### 1. **Clone the Repository**

The easiest way to get started is by cloning the repository or download the zip file. You can do this with the following command:

```bash
git clone https://github.com/adminmart/FreeDash-lite.git
```

#### 2. **Install Dependencies**

Install the relative Dependencies of the template. You can do this with the following command:

```bash
npm install
```

#### 3. **Start the Development Server**

Once the dependencies are installed, you can start a local development server to preview the template:

```bash
gulp
```

---

## 💎 Pro Version

The Pro Version of the **Modernize Bootstrap 5 Admin Template** comes packed with essential features—ideal for personal projects, prototypes, or small-scale applications. When you're ready to level up, the Pro Version unlocks a powerful suite of extras, including multiple theme options, advanced UI widgets, real-time notifications, priority support, and a host of other premium tools designed to supercharge your development workflow.

<div style="display: flex; gap: 10px; align-items: center;">
  <a href="https://bootstrapdemos.adminmart.com/modernize/dist/main/index.html?ref=56" target="_blank">
    <img src="https://img.shields.io/badge/Try_the_Demo-Click_Here-blue" alt="Try the Demo">
  </a>
  <a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56" target="_blank">
    <img src="https://img.shields.io/badge/Download_Now-Click_Here-green" alt="Download Now">
  </a>
</div>

[![Modernize Bootstrap 5 Admin Template Demo Screenshot](https://adminmart.com/wp-content/uploads/2023/02/modernize-bootstrap-5-admin-template-min.png)](https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56)

---

## ⚖️ Free vs Pro Version Comparison

The **Free Version** of the **Modernize Bootstrap 5 Admin Template** provides a solid set of features, perfect for personal projects or small applications. However, for businesses or developers looking to unlock more advanced functionality, the **Pro Version** offers exciting features like **multiple themes**, **advanced widgets**, **real-time notifications**, **priority support**, and much more.

#### Check out the comparison below to see the key differences between the two versions:

| **Feature**                      | **Free Version**                       | **Pro Version**                                      |
|-----------------------------------|----------------------------------------|-----------------------------------------------------|
| **Demo**                          | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://demos.adminmart.com/free/bootstrap/freedash-lite/src/html/index.html?ref=56)                               | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://bootstrapdemos.adminmart.com/modernize/dist/main/index.html?ref=56)                                              |
| **Download**                      | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://adminmart.com/product/freedash-bootstrap-5-admin-template/?ref=56)                                | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56)                                          |
| **Responsive Design**             | ✅ Yes                                 | ✅ Yes                                              |
| **Pre-designed Pages**            | ✅ Basic Pages                         | ✅ Advanced Pages (more layouts & options)           |
| **Widgets**                       | ✅ Basic Widgets                       | ✅ Advanced Widgets (e.g., weather, charts, maps)    |
| **Themes**                        | ✅ Default Theme                | ✅ Multiple Themes, Custom Color Skins, and Dark Modes |
| **Support**                       | ✅ Community Support                   | ✅ Priority Support with Direct Contact             |
| **Additional Components**         | ❌ Limited                             | ✅ Additional Components (Forms, Buttons, More UI Elements) |
| **Advanced Data Visualization**   | ❌ Basic Charts                        | ✅ Advanced Data Visualizations (graphs, complex charts) |
| **Multi-Language Support**        | ❌ Not available                       | ✅ Built-in support for multiple languages          |
| **User Permissions & Roles**      | ❌ No                                  | ✅ User roles and permissions management            |
| **Real-time Notifications**       | ❌ Not available                       | ✅ Real-time notifications for alerts & updates      |
| **Advanced Analytics & Reporting**| ❌ Basic reports                       | ✅ Advanced analytics with custom reports and filters|

---

## 🗂️ Other versions

<table>
   <thead>
      <tr>
	      <th> 
            <img src="https://skillicons.dev/icons?i=tailwind" height="20" alt="tailwind templates" style="margin-right: 8px;">
            <span style="font-size: 16px;">Tailwind</span>
         </th>
         <th> 
            <img src="https://skillicons.dev/icons?i=next" height="20" alt="next templates" style="margin-right: 8px;">
            <span style="font-size: 16px;">Next</span>
         </th>
         <th>
            <img src="https://skillicons.dev/icons?i=react" height="20" alt="react templates" style="margin-right: 8px;">
            <span>React</span>
         </th>
      </tr>
   </thead>
   <tbody>
      <tr>
	      <td>
	        <a href="https://adminmart.com/product/modernize-tailwind-nextjs-dashboard-template/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2024/03/Modernize-Nextjs-Tailwind-nextjs_sd.jpg" alt="Modernize Tailwind and Next.js Dashboard Template" style="max-width:140px;">
           </a>
         </td>
         <td>
           <a href="https://adminmart.com/product/modernize-next-js-admin-dashboard/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2023/03/Modernize-Nextjs_withour_redux.jpg" alt="Modernize next Admin Template" style="max-width:140px;">
           </a>
         </td>
         <td>
           <a href="https://adminmart.com/product/modernize-react-mui-dashboard-theme/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2023/01/Modernize-React-MUI-19_new.jpg" alt="Modernize React MUI Dashboard Theme" style="max-width:150px;">
           </a>
         </td> 
      </tr>
   </tbody>
   <thead>
      <tr>
         <th>
            <img src="https://skillicons.dev/icons?i=angular" height="20" alt="angular templates" style="margin-right: 8px;">
            <span>Angular</span>
         </th>
         <th>
            <img src="https://skillicons.dev/icons?i=vue" height="20" alt="vue templates" style="margin-right: 8px;">
            <span>Vue</span>
         </th>
         <th>
            <img src="https://skillicons.dev/icons?i=nuxt" height="20" alt="nuxt templates" style="margin-right: 8px;">
            <span>Nuxt</span>
         </th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>
           <a href="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2023/04/modernize-angular-material-admin-dashboard-template-1-1.jpg" alt="Modernize Angular Material Dashboard" style="max-width:140px;">
           </a>
         </td>
         <td>
           <a href="https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2023/02/modernize-vuetify-admin-dashboard-min.png" alt="Modernize Vuetify & Vue Admin Dashboard" style="max-width:150px;">
           </a>
         </td>
         <td>
           <a href="https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=56" width="150px">
             <img src="https://adminmart.com/wp-content/uploads/2023/02/modernize-nuxt-js-admin-dashboard.png" alt="Modernize Nuxt Js Admin Dashboard" style="max-width:150px;">
           </a>
         </td>
      </tr>
   </tbody>
</table>

---

##  🤝  Contributing

We welcome contributions from the community to help improve the **FreeDash Bootstrap 5 Admin Template**. Whether it’s fixing bugs, adding new features, improving documentation, or sharing ideas — your input is appreciated!

### 🛠️ How to Contribute

Follow these simple steps to start contributing:

1. **Fork the Repository**  
   Click the **Fork** button on the top-right corner of this repo to create your own copy.

2. **Clone Your Fork**  
   Use the command below to clone your forked repository:
   ```bash
   git clone https://github.com/adminmart/FreeDash-lite.git

3. **Create a New Branch**  
   Create a new branch to work on your feature or fix. This keeps your changes separate from the main branch:
   ```bash
   git checkout -b feature/your-feature-name

4. **Commit and Push Changes**  
   After making your changes, commit them with a meaningful message and push your branch to your fork:
   ```bash
   git commit -am "Add: Description of changes made"
   git push origin feature/your-feature-name

---

## 🧭 Useful Links
- <p><a href="https://adminmart.com/templates/bootstrap/?ref=56">Bootstrap Templates & Themes</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/react/?ref=56">React Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/nextjs/?ref=56">NextJs Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/vuejs/?ref=56">Vue Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/tailwind-templates/?ref=56">Tailwind Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/angular/?ref=56">Angular Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/material-ui/?ref=56">Material UI Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/vuetify/?ref=56">Vuetify Themes</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/nuxtjs/?ref=56">Nuxt Js Templates</a> from AdminMart</p>

---

## 🌐 We are social

[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/adminmart) [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge&logo=facebook&logoColor=white&color=%230866ff)](https://www.facebook.com/official.adminmart)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge&logo=instagram&logoColor=white&color=%23F35369)](https://www.instagram.com/adminmart.official/)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge&logo=youtube&logoColor=white&color=%23cc0000)](https://www.youtube.com/@adminmart-official)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/admin-mart-5ba892249/)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)