This article presents a curated list with boilerplate code projects released under the MIT license, suitable for hobby or commercial products. Using boilerplate code to start a new project, sometimes might be a good idea based on the fact that basic features like authentication, database, maybe tooling are already set up and ready to be used.
Boilerplate Code - short-list
All apps presented in this article are generated by the AppSeed platform in different patterns and programming languages using automation developer tools, HTML parsing and boilerplate code. I will not insist on this workflow, and curious minds might read more about this concept in a dedicated article: Boilerplate Code - Open-Source Starters built with automation tools. Thanks for reading!
First goes first, and for new comers we will explain the boilerplate code concept:
In computer programming, boilerplate code or just boilerplate are sections of code that have to be included in many places with little or no alteration - Wikipedia definition.
Basically, boilerplate code is a piece of software that can be reused over and over without changing a single line of code. The whole idea behind a starter (sometimes boilerplate code) is to skip coding that piece of code common to many projects. For more information regarding this topic please access:
- Boilerplate code - the Wikipedia page that explain in deep this concept
- What is boilerplate and why do we use it - published on FreeCodeCamp
Boilerplate Code - the short-list
All apps presented in this article are published on Github, in the official AppSeed repository.
- Flask Dashboard Material - simple web app with material design, coded with authentication, ORM and database
- Django Dashboard Material - free admin panel generated in Django Framework on top of Material Design crafted by Creative-Tim agency
- Flask Material Admin - open-source admin panel coded in Flask
- JAMStack Material Kit - super simple static site integrated with Panini SSG, a smart an lightweight static site generator
- Flask Dashboard Material - free web app generated in Flask with authentication, database and helpers on top of material dashboard design crafted by Creative-Tim
- React Express - Material Design - Full-Stack App that uses a Material Design in the frontend and a Nodesj / Express as a backend server.
Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences - The Official Product Quote
Material Design is a design system created by Google, supporting onscreen touch experiences via cue-rich features and natural motions that mimic real-world objects. Designers optimize users’ experience with 3D effects, realistic lighting and animation features in immersive, platform-consistent GUIs.
This beautiful material design is crafted by BootstrapDash and comes with an impressive number of UI elements and quite a few pages, already built for an admin panel common use. The app is generated with a minimum set of features and modules like: authentication, database, ORM and deployment scripts.
In case you are familiar with Flask Framework, and want to give a try on this free app, open a terminal and type a few lines of code:
$ # Get the code $ git clone https://github.com/app-generator/flask-dashboard-material-admin.git $ cd flask-dashboard-material-admin $ $ # Install modules $ # SQLIte version (no PostgreSQL) $ pip3 install -r requirements-sqlite.txt $ $ # Set the FLASK_APP environment variable $ (Unix/Mac) export FLASK_APP=run.py $ (Windows) set FLASK_APP=run.py $ (Powershell) $env:FLASK_APP = ".\run.py" $ $ flask run $ # Visit the app in browser: http://127.0.0.1:5000/
For more open-source admin dashboards, access the AppSeed platform. Thank you!
Open-Source Admin Panel coded in Django Framework on top of Material Dashboard design. Features:
- SQLite, Django native ORM
- Modular design
- Session-Based Authentication (login, register)
- Forms validation
- UI Kit: Material Dashboard provided by Creative-Tim
The starter is a simple one, suitable for one-page websites with minimal design.
How to use the app
$ # clone the sources $ git clone https://github.com/app-generator/jamstack-material-kit.git $ cd jamstack-material-kit $ $ # install modules $ yarn $ $ # start the app in development mode $ yarn start $ $ # build the app for production $ yarn build $ # app is runing on http://localhost:8080/
Open-Source admin panel generated in Flask Framework on top of Material Design crafted by Creative-Tim agency. The app is provided UI-ready, authentication, database and modular code-base, out of the box.
$ # clone the sources $ git clone https://github.com/app-generator/flask-material-dashboard.git $ cd flask-material-dashboard $ $ # install modules $ pip3 install -r requirements-sqlite.txt $ $ # Set the FLASK_APP environment variable $ (Unix/Mac) export FLASK_APP=run.py $ (Windows) set FLASK_APP=run.py $ (Powershell) $env:FLASK_APP = ".\run.py" $ $ # build the app for production $ flask run $ $ # Visit the app in browser: http://127.0.0.1:5000/
Need more? We have some PRO UI Kits coded in Python. Thanks for taking a look.
The beautiful PRO Material Dashboard design provided by Creative-Tim agency. The app comes UI-ready, Dual database set up (SQLite, PostgreSql), SqlAlchemy and deployment scripts (Gunicorn and Docker).
Static Site prototyped on top of Eleventy SSG and Material Kit PRO Design