Argon Dashboard - Open-Source Boilerplate Code to start fast

Hello Coder,

This article presents more free web apps generated by the AppSeed platform: Argon Dashboard, the free UI Kit crafted by Creative-Tim agency coded in two Python flavors: Flask Argon Dashboard and Django Panel Argon.

Both apps are published on Github, under the MIT license and share a common set of features (listed bellow). The simple structure and the clean code-base might help developers to start faster a new hobby or commercial project. App features:

  • UI-ready, MIT License
  • Database (SQLite, PostgreSQL), ORM
  • Modular and clean code-base
  • Forms validation, helpers
  • Deployment scripts (Gunicorn, Docker)

Argon Dashboard - Open-Source Admin Panel coded in Django Feramework.


In a rush? Just access the links and start your first project with this beautiful UI

In order to build and use the apps, Python3 should be installed in the workstation. besides that, please read carefully the information provided in the README files. In case of any issues, feel free to open a new issue on Github or talk with us LIVE on Discord.


Argon Dashboard Flask

Open-Source Admin Dashboard coded in Flask Web Framework on top of Argon Dashboard design, crafted by Creative-Tim agency. Dashboard features:

  • SQLite, PostgreSQL, SQLAlchemy ORM
  • Alembic (for DB schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login)
  • Forms validation
  • Deployment scripts: Docker, Gunicorn

How to use the app

$ # Get the code
$ git clone https://github.com/app-generator/flask-boilerplate-dashboard-argon.git
$ cd flask-boilerplate-dashboard-argon
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$ 
$ # Install modules - SQLIte Database
$ pip3 install -r requirements-sqlite.txt
$
$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

If all goes well, by visiting the app in the browser, we should see the beautiful login page. By default the app has no default users defined (we need to create users via the registration page) and guests are redirected to login for authentication. For authenticated users, the app unlock the private menus and pages:

  • Registration page

Argon Dashboard - Registration Page.

  • User profile page

Argon Dashboard - Registration Page.

This simple open-source boilerplate code might be used as a starter for your next project by using the code entirely or by extract code chunks using copy/paste technique. In case something is missing or not right, in terms of features, modules or code-base structure, join us on Discord and chat with us.


Django Dashboard Argon

Open-Source Admin Panel coded in Django Framework on top of Argon Dashboard design.

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation

How to build the Django version

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-argon.git
$ cd django-dashboard-argon
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv --no-site-packages env
$ # .\env\Scripts\activate
$ 
$ # Install modules
$ # SQLIte version
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver
$
$ # Access the web app in browser: http://127.0.0.1:8000/

One build and started, the app will redirect guests to the login page for authentication. After passing the login (don't forget to create a new user first), the app unlock all private screens.

  • UI - Fonts

Argon Dashboard Django - Registration Page.

  • UI - Tables

Argon Dashboard Django - Registration Page.

The app uses a simple structure, and might be a good starting point for a new Django project.


In love with this design? PRO versions that use Premium UI Kits and comes with 24/7 LIVE support are here:

Flask Dashboard Argon PRO

Links: Product Page, demo, PRO Django Version

Argon Dasboard PRO - Flask Version.


Thank you!

Links & Resources

Show Comments

Get the latest posts delivered right to your inbox.