Open-Source Web Apps - Grouped by UI Kits
Tags: materialdesign, blackdesign, darkmode
Published: 2019-12-30 15:02:23

---
title: Open-Source Web Apps - Grouped by UI Kits
published: true
description: A curated list with open-source apps and starters grouped by the UI KIT: Black, Argon, Material
cover_image: https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-atlantis-dark-screen.png
tags: opensource, materialdesign, blackdesign, darkmode
canonical_url: https://appseed.us/ui-kit
---

Hello coders,

In this article, I will present a short-list with **[open-source web apps](https://appseed.us/admin-dashboards/open-source)**, most of them already coded with a basic set of features on top of some beautiful and modern UI Kits provided by well-known agencies and designers. 

Besides the permissive license type (MIT, LGPL), all apps are built with automation tools (more information in this article: [I’ve built 100+ open-source apps with automation tools](https://dev.to/sm0ke/100-open-source-apps-built-with-automation-tools-3jmj) ), and the public source code might be a good learning material for students and beginners. 

> *Thanks for reading!* - Content provided by **[App Generator](https://appseed.us/)**.

--- 

## [Black Design](https://appseed.us/ui-kit/black-design) 

Dark/Black design was a popular layout option this year and many developers choose this pattern for web apps and dashboards. Please find bellow a few open-source web apps, crafted on top of the beautiful black design. 

- **Atlantis [Dark design](https://appseed.us/ui-kit/black-design)**, coded in two Python flavors [Flask](https://appseed.us/admin-dashboards/flask-dashboard-atlantis-dark) and [Django](https://appseed.us/admin-dashboards/django-dashboard-atlantis-dark)
- [Admin Dashboard Black](https://appseed.us/admin-dashboards/flask-dashboard-black) - admin panel coded in Python / Flask
- [Django Dashboard Black](https://appseed.us/admin-dashboards/django-dashboard-black) - Free Django Web App
- [Dashboard Material Dark](https://appseed.us/admin-dashboards/flask-dashboard-material-dark) - Free, MIT License

![Open-Source Web App - Black Design](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-atlantis-dark-screen.png)

---

## [Material Design](https://appseed.us/ui-kit/material-design)

Material design is mostly used in admin dashboards design, but there are also beautiful web apps crafted on top of it. 

- [Django Dashboard Material](https://appseed.us/admin-dashboards/django-dashboard-material) - Free, MIT License
- [Flask Dashboard Material](https://appseed.us/admin-dashboards/flask-dashboard-material-design) - design credit Creative-Tim, MIT License
- [Dashboard Material Admin](https://appseed.us/admin-dashboards/flask-dashboard-material-admin) - Free, MIT License
- [Flask Material Kit](https://appseed.us/apps/flask-apps/flask-material-kit) - simple web app coded in Flask
- [JAMStack Material Kit](https://appseed.us/apps/jamstack/jamstack-material-kit) a static site built on top of Panini SSG

![Open-Source Web App - Material Design.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-material-admin-screen.png)  

---

## [Light Design](https://appseed.us/ui-kit/light-design)

In this section, I will mention a few simple admin panels built on top of simple and light UI kits provided by Colorlib and Creative-Tim agencies: 

- [Django Light Blue](https://appseed.us/admin-dashboards/django-dashboard-light-blue) - MIT License, design FlatLogic
- [Django Dashboard Light](https://appseed.us/admin-dashboards/django-dashboard-light) - Free Django Web App
- [Dashboard Light Blue](https://appseed.us/admin-dashboards/flask-dashboard-light-blue) - Free, open-source admin panel
- [Admin Panel Shards](https://appseed.us/admin-dashboards/flask-dashboard-shards) - Free Python dashboard 
- [Light Bootstrap Dashboard](https://appseed.us/admin-dashboards/flask-dashboard-light-bootstrap) - Free, MIT license
- [Flask Dashboard Tabler](https://appseed.us/admin-dashboards/flask-dashboard-tabler) - Free, MIT license

![Open-Source Web App - Light Design.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-light-blue-screen.png)  

---

## [Now UI Design](https://appseed.us/ui-kit/now-ui-design)

The Now UI design, crafted by Invision company, become a popular pattern for many web apps in 2019. I will mention a few here in this section: 

- [Flask Dashboard NowUI](https://appseed.us/admin-dashboards/flask-dashboard-nowui-design) - Free admin panel
- [Django Dashboard NowUI](https://appseed.us/admin-dashboards/django-dashboard-nowui) - Free, MIT License
- [Flask Now UI Kit](https://appseed.us/apps/flask-apps/flask-now-ui-kit) - a simple Python web app 
- [JAMStack Now UI Kit](https://appseed.us/apps/jamstack/jamstack-now-ui-kit) - an open-source app, built on top of Panini SSG 


![Open-Source Web App - Light Design](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-nowui-design-screen.png)
 
--- 

## [Paper Design](https://appseed.us/ui-kit/paper-design)

- [Flask Paper Kit](https://github.com/app-generator/flask-paper-kit)
- [JAMStack Paper Kit](https://github.com/app-generator/jamstack-paper-kit)

![Open-Source Web App - Paper Design](https://raw.githubusercontent.com/app-generator/static/master/products/jamstack-paper-kit-screen.png)

--- 

## [Argon Design](https://appseed.us/ui-kit/argon-design-system)

- [Flask Dashboard Argon](https://appseed.us/admin-dashboards/flask-boilerplate-dashboard-argon) - simple admin panel coded in Python / Flask
- [Django Dashboard Argon](https://appseed.us/admin-dashboards/django-dashboard-argon) - Free, MIT License
- [JAMStack Argon Design](https://appseed.us/apps/jamstack/jamstack-argon-design) - a static web app built with Panini SSG
- [Laravel Vuejs - Argon Design](https://github.com/app-generator/fullstack-laravel-vuejs-argon-design) - an open source Full-Stack app that uses a Vue Argon frontend and a Laravel backend.
- [Express Vuejs - Argon Design](https://github.com/app-generator/fullstack-express-vuejs-argon-design) - Full-Stack open-source app coded in Vue and Nodejs with on top of Argon Design 

![Open-Source Web App - Argon Design](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-argon-screen.png)

--- 

## [Bulma CSS](https://appseed.us/apps/bulma-css)

- [Bulma CSS FlaskPlay](https://appseed.us/apps/flask-apps/bulmaplay-flask-and-bulma-css) - BulmaPlay design coded in Flask and styled with Bulma CSS
- [Bulma CSS Landing](https://appseed.us/apps/bulma-css/bulmalanding) - JAMStack Web App styled with Bulma CSS
- [BulmaPlay](https://appseed.us/apps/bulma-css/bulmaplay) - JAMStack Web App styled with Bulma CSS

![Open-Source Web App - Styled with Bulma CSS](https://raw.githubusercontent.com/app-generator/static/master/products/bulma-css-bulmaplay-intro.gif)

---

> This is an open list, feel free to suggest some nice web apps in the comments. **Thank you!**

---

### Resources

- [How I’ve built 100+ open-source apps with automation tools](https://dev.to/sm0ke/100-open-source-apps-built-with-automation-tools-3jmj) - a popular article that explains the automation workflow used to generate the apps
- [Open-Source Admin Dashboards](https://appseed.us/admin-dashboards/open-source/) - a curated index with fee admin panels coded in different technologies
- [Free Full-Stack Apps](https://appseed.us/apps/free) - provided by the AppSeed platform 

---

> Thank you!