DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Bootstrap 5 Material Kit - Free Starters
Sm0ke
Sm0ke

Posted on

Bootstrap 5 Material Kit - Free Starters

Hello Coders!

This article presents two open-source starters powered by Bootstrap 5 (frontend layer) and Python for the backend logic. Both starters are free and the permissive license allows the usage for unlimited hobby & commercial end-products. The apps might be used to bootstrap fast a new presentation website or simply for eLearning activities by beginners.


Thanks for reading! Here are the links for fast runners


✨ App Features

Both projects share a common set of basic features like authentication, database, a modular codebase and Docker support, all this bundled on top of a nice & free Material Kit Bootstrap 5 design

  • πŸ‘‰ Up-to-date dependencies
  • πŸ‘‰ Simple Gulp tooling for SCSS compilation
  • πŸ‘‰ DB Tools: SQLite, ORM
  • πŸ‘‰ Authentication Flow: Login/Register
  • πŸ‘‰ Docker Support: Gunicorn/Nginx as a reverse proxy

✨ Django Material Kit

Probably the most easier way to start and use the product in a local environment is via the Docker scripts provided out-of-the-box.

Step #1 - Clone the source code

$ git clone https://github.com/app-generator/django-material-kit.git
$ cd django-material-kit
Enter fullscreen mode Exit fullscreen mode

Step #2 - Start in Docker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

If all goes well, we should be able at this point to access the app in the browser, register new users and authenticate.


Bootstrap 5 Material Kit - Open-source Django Starter.


✨ Flask Material Kit

For newcomers, Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications.

The Docker set up is identical with the previous starter and with a good internet connection, the app should be up & running in less then 1 minute.

Step #1 - Clone the source code

$ git clone https://github.com/app-generator/flask-material-kit.git
$ cd django-material-kit
Enter fullscreen mode Exit fullscreen mode

Step #2 - Start in Docker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

Bootstrap 5 Material Kit - Open-source Flask Starter.


Thanks for reading! For more resources, please access:


Top comments (4)

Collapse
crearesite profile image
WebsiteMarket

Django version covers also the admin section?
Ty!

Collapse
sm0ke profile image
Sm0ke Author

Nope ...

Collapse
uithemes profile image
ui-themes

Nice design

Collapse
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.