Material Kit Generator - Build a BS5 Website Fast

Build simple web apps styled with Material Kit design on top of Flask and Django in no time using AppSeed - Code is saved on Github.

App Generator - Code a simple Web App on top Material Kit Design
App Generator - Code a simple Web App on top Material Kit Design

Hello! This article presents a free service we can use to build simple web apps crafted with basic modules like authentication and Docker support on top of a pixel-perfect Bootstrap 5 design. Material Kit App Generator is a visual tool that generates simple starters based on the input provided by the users and saves the code on Github. Thanks for reading!

The design used to style the starters is crafted and released for free by Creative-Tim on top of Bootstrap 5. The Material Kit 2 Design 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.

App Generator - Material Kit Design
App Generator - Material Kit Design

How it Works

Using this free service is pretty simple. Users should access the App Generator page, select the design (Material Kit in this case), and follow the next steps provided by the visual tool.

App Generator Material Kit - Select Design
App Generator Material Kit - Select Design 

👉 User selects the preferred backend

App Generator Material Kit - Select Backend
App Generator Material Kit - Select Backend

👉 Configure the future product

Database layer and Deployment options

App Generator Material Kit - Customize the Project
App Generator Material Kit - Customize the Project

👉 Generate the Project

App Generator Material Kit - Generate the Code
App Generator Material Kit - Generate the Code

Once the server accepts the request, we can see the progress and access the sources when the process is finished.

App Generator Material Kit - Check Progress.
App Generator Material Kit - Check Progress. 

👉 Access the Sources (Github)

The generated code is automatically saved on Github and is ready to be downloaded by the user.

App Generator Material Kit - Final Status.
App Generator Material Kit - Final Status. 

👉 Use the Code

Using GIT and a terminal, we can download the sources and start the project with a few commands typed in the terminal.

Step #1 - Download the sources using GIT
$ git clone https://github.com/appseed-projects/<YOUR_BUILD_ID>.git
$ cd <YOUR_BUILD_ID>
Step #2 - Start the App using Docker
$ docker-compose up --build

At this point, we should be able to access the generated project in the browser.

App Generator - Material Kit Design
App Generator - Material Kit Design

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