DEV Community

Cover image for SB Admin - Free Bootstrap 5 Template
Sm0ke
Sm0ke

Posted on • Originally published at admin-dashboards.com

SB Admin - Free Bootstrap 5 Template

Hello Coders,

This article presents SB Admin, 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.


  • (Free) SB Admin - HTML version hosted by StartBootstrap
  • (Free) SB Admin - Flask, comes with database and authentication
  • (Free) SB Admin - Django, comes with database and authentication

SB Admin - Open-source Bootstrap Template.


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

$ git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
$ cd startbootstrap-sb-admin
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install modules (dependencies)

$ npm install
// OR
$ yarn
Enter fullscreen mode Exit fullscreen mode

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

$ npm run build
// OR
$ yarn build
Enter fullscreen mode Exit fullscreen mode

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

$ npm start
// OR
$ yarn start
Enter fullscreen mode Exit fullscreen mode

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

SB Admin - Charts page.


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 - Registration Page.


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 - 404 Page.


Thanks for reading! For more resources, please access:

Top comments (5)

Collapse
 
imjituchauhan profile image
Jitu Chauhan

Hi,
Thank you for sharing.
Also, Dash-UI is a Bootstrap 5 Admin & Dashboard Theme. Dash UI Kit a free and open source components and templates kit fully coded with Bootstrap 5.

Download - Dash UI
Dash UI Bootstrap 5 admin dashboard template

Collapse
 
sm0ke profile image
Sm0ke

Please don't duplicate your comment accross other posts.
Ty!

Collapse
 
imjituchauhan profile image
Jitu Chauhan

got it, thank you.

Collapse
 
uithemes profile image
ui-themes

This design is lightning fast.
Thanks for sharing!

Collapse
 
sm0ke profile image
Sm0ke

Yw!