SB Admin - Free Bootstrap 5 Template
Tags: webdev, sbadmin, opensource
Published: 2021-05-25 16:50:43

---
title: SB Admin - Free Bootstrap 5 Template
published: true
description: SB Admin, a popular open-source Bootstrap 5 Template available in many tech flavors: HTML, Flask, and Django (all free).
tags: webdev, sbadmin, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jgi0ygl7bbow47al4axp.jpg
canonical_url: https://www.admin-dashboards.com/sb-admin-free-bootstrap-template/
---
Hello Coders, 

This article presents **[SB Admin](https://www.admin-dashboards.com/sb-admin-free-bootstrap-template/)**, a well-known dashboard template recently migrated to Bootstrap 5. This iconic product comes with minimal custom styling using Google's material design patterns and pre-build pages like a dashboard, charts, data tables, and authentication pages. In case you're looking for an actively supported open-source dashboard, **SB Admin** might be a good choice.

*Thanks for reading!* - Content provided by **[App Generator](https://appseed.us/)**.

---

- (Free) [SB Admin](https://startbootstrap.com/template/sb-admin) - HTML version hosted by StartBootstrap
- (Free) [SB Admin](https://appseed.us/admin-dashboards/flask-dashboard-sb-admin) - Flask, comes with database and authentication
- (Free) [SB Admin](https://appseed.us/admin-dashboards/django-dashboard-sb-admin) - Django, comes with database and authentication

---

![SB Admin - Open-source Bootstrap Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23qvu5tt3r8502ypvtof.gif)

---

**Official Product Info** - **SB Admin** is a free, open source, MIT licensed Bootstrap admin template. This template uses the default Bootstrap 5 styles along with a variety of plugins to create a powerful framework for creating admin panels, web apps, or dashboard UI's for your next project. The product uses PUG templates, SCSS and JS scripts for compilation and production build (no Gulp or heavier Webpack).  

**How to build SB Admin** - to start and compile the project in a local environment we need a [minimal development kit](https://docs.appseed.us/content/tutorials/minimal-programming-kit) (Nodejs, GIT) already installed with all tools accessible in the terminal and a few minutes to type build commands as suggested in the project's README:

> **Step #1** - Clone the project (from Github)

```bash
$ git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
$ cd startbootstrap-sb-admin
```

---

**Step #2** - Install modules (dependencies)

```bash
$ npm install
// OR
$ yarn
```

---

**Step #3** - Compile the sources (PUG templates, SCSS)

```bash
$ npm run build
// OR
$ yarn build
```

---

**Step #4** - Start SB Admin in development with LIVE reload

```bash
$ npm start
// OR
$ yarn start
```

If all goes well, we should see SB Admin running in the browser:

![SB Admin - Charts page. ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4wa6mov7dxighyfrc6f.png)

--- 

## SB Admin Flask

The Flask version contains the latest UI version migrated to Jinja plus a few basic modules, database, authentication and deployment scripts for Docker and HEROKU. The project might be useful to code specific features on top or used by beginners for learning Python and Flask.

- [SB Admin Flask](https://flask-sb-admin.appseed-srv1.com/) - LIVE Demo
- [SB Admin Flask](https://github.com/app-generator/flask-dashboard-sb-admin) - Source code published on Github

![SB Admin - Registration Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/95tlrd6qkf270kb9l7jq.png)

---

## SB Admin Django

Django version of SB Admin is provided with an authentication, SQLite database and deployment scripts for Docker. Product requires Python3 to be compiled locally - build instructions provided by product docs:

- [SB Admin Django](https://docs.appseed.us/products/django-dashboards/sb-admin) - product docs
- [SB Admin Django](https://django-sb-admin.appseed-srv1.com/) - LIVE Demo

![SB Admin - 404 Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wwyrsykjiu7esghcmpor.png)

---

> **Thanks for reading!** For more resources, please access:

- More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) - provided by AppSeed
- Open-source [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) - a curated index | Dev.to