FreeDash-lite - GitLite

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #llm #android #cli #kubernetes #vue #awesome-list #security #ios #openai #open-source

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

// 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)