Tailwind CSS - Open-Source Starters
Tags: tailwindcss, opensource, webdev
Published: 2022-06-28 16:55:16

---
title: Tailwind CSS - Open-Source Starters
published: true
description: Open-Source starters crafted on top of Tailwind CSS and Soft Dashboard Design in Flask and Django
tags: tailwind, opensource, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0b35cce8rr5bk6k6up57.jpg
canonical_url: https://blog.appseed.us/tailwind-css-free-starters-django-flask/
---
Hello Coders! 

This article presents two open-source starters crafted on top of **Tailwind CSS** using `Django` and `Flask` as the backend frameworks. Products are released under the MIT license on Github and based on the permissive license, can be used in commercial or eLearning projects. Thanks for reading!

---

## ✨ [Argon Dashboard Tailwind](https://www.creative-tim.com/product/argon-dashboard-tailwind?AFFILIATE=128200)
 
Argon is a completely new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize.

- 👉 [Argon Dashboard Tailwind](https://www.creative-tim.com/product/argon-dashboard-tailwind?AFFILIATE=128200) - `product page`
- 👉 [Argon Dashboard Tailwind](https://demos.creative-tim.com/argon-dashboard-tailwind/pages/dashboard?AFFILIATE=128200) - `LIVE demo` 

![Argon Dashboard 2 Tailwind - Open-source Tailwind starter.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nugzzaj4lifn34wkyl8b.png)

---

## ✨ [Soft UI Flowbite](https://www.creative-tim.com/product/soft-ui-flowbite?AFFILIATE=128200)

Soft UI Flowbite is built with over 30 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. 

- 👉 [Soft UI Flowbite](https://www.creative-tim.com/product/soft-ui-flowbite?AFFILIATE=128200) - `product page`
- 👉 [Soft UI Flowbite](https://demos.creative-tim.com/soft-ui-flowbite/?AFFILIATE=128200) - `LIVE demo`

All components can take variations in color, which you can easily modify using TailwindCSS config and classes. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. 

![Soft UI Flowbite - Open-source Tailwind starter.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/av4zurzhkqva564u0fi0.png) 

---

## ✨ [Soft Tailwind CSS Django](https://appseed.us/product/soft-dashboard-tailwind/django/)

The product is shipped with authentication, Docker support, and a simple codebase fully documented here. Product Features:

- ✅ CSS Framework: Tailwind
- ✅ Up-to-date dependencies
- ✅ Database: sqlite
- ✅ UI-Ready app, Django Native ORM
- ✅ Session-Based authentication, Forms validation

Probably the easier way to start the project in a local environment is to use the Docker setup shipped with the sources.

> **Step #1** - Clone the sources from the public repository

```bash 
$ git clone https://github.com/app-generator/django-soft-dashboard-tailwind.git
$ cd django-soft-dashboard-tailwind
```

> **Step #2** - Start in Docker

```bash
$ docker-compose up --build 
```

Once the above commands are executed, the app should be up and running in the browser.

![Soft Dashboard Tailwind CSS - Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2xxy993am19100pp32ke.png)

---

## ✨ [Soft Tailwind CSS Flask](https://appseed.us/product/soft-dashboard-tailwind/flask/)

This version comes with an identical features-set but for Flask:

- ✅ CSS Framework: Tailwind
- ✅ Up-to-date dependencies
- ✅ Database: sqlite
- ✅ DB Tools: SQLAlchemy ORM, Flask-Migrate (schema migrations)
- ✅ Session-Based authentication (via flask_login), Forms validation

![Soft Dashboard Tailwind CSS - Charts Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3nx251242tenyqf4jkv8.png)

--- 

## ✨ Design Presentation

Soft UI Dashboard Tailwind 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.

> 👉 [Soft UI Dashboard Tailwind](https://www.creative-tim.com/product/soft-ui-dashboard-tailwind?AFFILIATE=128200) - template version

This Free `Tailwind CSS` Dashboard is coming with prebuilt design blocks, so the development process is seamless, and switching from our pages to the real website is very easy to be done.

**Sample Pages** - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.

---

> `Soft Dashboard Tailwind` - User Profile Page

![Soft Dashboard Tailwind CSS - User Profile Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wvk1nyx89cyp7dx56qdk.png)
 
---

> `Soft Dashboard Tailwind` - Billing Page

![Soft Dashboard Tailwind CSS - Billing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bazyptbvvix20so3gurd.png)
 
---

> `Soft Dashboard Tailwind` - Data Tables

![Soft Dashboard Tailwind CSS - UI Tables Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lfksob7yh81hvbhqulc2.png)

---

> `Thanks for reading!` For more resources, please access:

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products