3

SB Admin - Free Bootstrap 5 Template

 3 years ago
source link: https://dev.to/sm0ke/sb-admin-free-bootstrap-5-template-15cn
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Cover image for SB Admin - Free Bootstrap 5 Template

SB Admin - Free Bootstrap 5 Template

May 25 Originally published at admin-dashboards.com

・3 min read

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




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 modeExit fullscreen mode

Step #2 - Install modules (dependencies)

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

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

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

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

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

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


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 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:


Thanks for reading! For more resources, please access:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK