Open-Source seed project generated by AppSeed in Django Framework on top of Material Kit design. 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.
- π Django Material Kit - product page
- π Django Material Kit - LIVE App
- π Complete documentation -
Learn how to use and update the product
π Built with App Generator, Timestamp:
2022-09-18 07:49
- β
Up-to-date dependencies - β
Database:
sqlite - β UI-Ready app, Django Native ORM
- β
Session-Based authentication, Forms validation
Step 1 - Download the code from the GH repository (using
GIT)
$ git clone https://github.com/app-generator/django-material-kit.git $ cd django-material-kitStep 2 - Start the APP in
Docker
$ docker-compose up --build Visit http://localhost:5085 in your browser. The app should be up & running.
Download the code
$ # Get the code $ git clone https://github.com/app-generator/django-material-kit.git $ cd django-material-kitInstall modules via
VENV
$ virtualenv env $ source env/bin/activate $ pip3 install -r requirements.txtSet Up Database
$ python manage.py makemigrations $ python manage.py migrateStart the app
$ python manage.py runserverAt this point, the app runs at http://127.0.0.1:8000/.
Install modules via
VENV(windows)
$ virtualenv env $ .\env\Scripts\activate $ pip3 install -r requirements.txt Set Up Database
$ python manage.py makemigrations $ python manage.py migrateStart the app
$ python manage.py runserverAt this point, the app runs at http://127.0.0.1:8000/.
By default, the app redirects guest users to authenticate. In order to access the private pages, follow this set up:
- Start the app via
flask run - Access the
registrationpage and create a new user:http://127.0.0.1:8000/register/
- Access the
sign inpage and authenticatehttp://127.0.0.1:8000/login/
The project is coded using a simple and intuitive structure presented below:
< PROJECT ROOT > | |-- core/ # Implements app configuration | |-- settings.py # Defines Global Settings | |-- wsgi.py # Start the app in production | |-- urls.py # Define URLs served by all apps/nodes | |-- apps/ | | | |-- home/ # A simple app that serve HTML files | | |-- views.py # Serve HTML pages for authenticated users | | |-- urls.py # Define some super simple routes | | | |-- authentication/ # Handles auth routes (login and register) | | |-- urls.py # Define authentication routes | | |-- views.py # Handles login and registration | | |-- forms.py # Define auth forms (login and register) | | | |-- static/ | | |-- <css, JS, images> # CSS files, Javascripts files | | | |-- templates/ # Templates used to render pages | |-- includes/ # HTML chunks and components | | |-- navigation.html # Top menu component | | |-- footer.html # App Footer | | |-- scripts.html # Scripts common to all pages | | | |-- layouts/ # Master pages | | |-- base.html # Used by common pages | | | |-- accounts/ # Authentication pages | | |-- login.html # Login page | | |-- register.html # Register page | | | |-- home/ # UI Kit Pages | |-- index.html # Index page | |-- page-404.html # 404 page | |-- *.html # All other pages | |-- requirements.txt # Development modules - SQLite storage | |-- .env # Inject Configuration via Environment |-- manage.py # Start the app - Django default start script | |-- ************************************************************************For more components, pages and priority on support, feel free to take a look at this amazing starter:
Material Kit 2 is a premium design crafted by the Creative-Tim agency on top of Bootstrap 5 Framework. Designed for those who like bold elements and beautiful websites, Material Kit 2 is made of hundreds of elements, designed blocks, and fully coded pages built with an impressive level of quality.
- π Django Material Kit2 PRO - product page
- β
Enhanced UI- more pages and components - β
Priorityon support
- β
Django Material Kit - Open-source starter generated by AppSeed Generator.

