DEV Community

Cover image for Bootstrap 5 - Free Django Templates
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

Bootstrap 5 - Free Django Templates

Hello Coders!

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: Bootstrap 5 design
  • DB Tools: SQLite, Django Native ORM
  • Session-Based Authentication, Forms validation
  • Deployment: Docker, Gunicorn / Nginx
  • Support via Github (issues tracker) and Discord.

✨ Django Template Soft

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.



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-soft-ui-design.git
$ cd django-soft-ui-design
Enter fullscreen mode Exit fullscreen mode

✨ Step #2 - Start in Docker

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

Once all the above commands are executed, we should see the Soft UI Design App running in the browser.


Django Bootstrap 5 - Soft UI Design (open-source starter)


✨ Django Template Material

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.



Django Bootstrap 5 - Material Kit 2 (open-source project).


✨ Django Template Pixel

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.


Django Bootstrap 5 - Pixel Lite (open-source project).


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

Discussion (4)

Collapse
crearesite profile image
WebsiteMarket

Soft has an amazing design

Collapse
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Collapse
uithemes profile image
ui-themes

Nice list! thanks for sharing

Collapse
sm0ke profile image
Sm0ke Author

πŸš€πŸš€