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!
- 👉 Django Bootstrap 5 Soft UI - free product
- 👉 Django Bootstrap 5 Material Kit - free product
- 👉 Django Bootstrap 5 Pixel - free product
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 compilationvia Gulp
- UI: Bootstrap 5 design
DB Tools: SQLite, Django Native ORM
- Session-Based Authentication, Forms validation
Deployment: Docker, Gunicorn / Nginx
Supportvia Github (issues tracker) and Discord.
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
✨ Step #2 - Start in Docker
$ docker-compose up --build
Once all the above commands are executed, we should see the Soft UI Design App running in the browser.
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.
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.
Thanks for reading! For more resources, feel free to access: