Bootstrap 5 - Free Django Templates

A curated list with open-source Django templates crafted on top of Bootstrap 5 framework - Pixel Lite, Material Kit, Soft UI.

A curated list with open-source Django templates styled with Bootstrap.
Bootstrap 5 - Free Django Templates

Hello! This article presents a curated list with open-source Django Templates styled with Bootstrap 5, a popular CSS/JS framework. All mentioned projects are available for download directly from Github and based on the permissive license the source code can be used for unlimited hobby & commercial projects. For newcomers, Django is a leading web framework actively versioned by programming experts and open-source enthusiasts. Β  Thanks for reading!

All starters provide the bare minimum essentials to start fast a new website powered by Django: authentication, database, Docker support, and up-to-date dependencies. Here is the full list with features:

  • Up-to-date dependencies: Django 3.2.6 LTS
  • SCSS compilation via Gulp
  • UI Kit: Bootstrap 5 design
  • DB Tools: SQLite Database, Django Native ORM
  • Session-Based Authentication, Forms validation
  • Deployment: Docker, Gunicorn / Nginx
  • Support via Github (issues tracker) and Discord.

✨ Django Material Kit

Designed for those who like bold elements and beautiful websites, Material Kit 2 is ready to help you create stunning websites and web apps. Material Kit 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.

Probably the most easier way to compile and start the product locally is to use the Docker setup.

✨ Step #1 - Clone sources from the public repository

$ git clone https://github.com/app-generator/django-material-kit.git
$ cd django-material-kit
Django Material Kit - Clone Sources

✨ Step #2 - Start in Docker

$ docker-compose up --build 
Django Material Kit - Start in Docker

Once all the above commands are executed, we should see the Material Kit 2 app running in the browser.

A modern about us page with a top hero section and blog cards at the bottom, all provided by Material Kit 2, an open-source Bootsrap 5 starter.
Django Bootstrap 5 - Material Kit 2 

✨ Django Pixel Lite

Pixel is a free and open-source Bootstrap 5 based user interface kit featuring over 80 fully coded UI elements and example pages that will help you prototype and build a website for your next project.

This project also comes with Sass source files, making it easy to customize the colors, fonts, and other styling properties. Using the gulp commands you can also easily work with the project and generate minified production code.

A modern freelancer page with a top hero section and a rounded user image, all provided by Pixel Lite, an open-source Bootsrap 5 starter.
Django Bootstrap 5 - Pixel Lite

✨ Django Soft UI Design

Soft UI Design System is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files and classes.

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

A modern contact page with a futuristic layout and a simple contact page, all provided by Pixel Lite, an open-source Bootsrap 5 starter.
Django Bootstrap 5 - Soft UI Design

Thanks for reading! For more resources, feel free to access: