Atlantis Lite — Free Dashboard Design available in three tech flavors: Jinja, Flask, and Django

AppSeed.us
4 min readSep 30, 2020

--

Hello,

This article presents a short-list with open-source projects generated by the AppSeed platform on top of Atlantis Lite, a popular design crafted by ThemeKita Agency. For newcomers, Atlantis Lite is a free bootstrap 4 admin dashboard that is beautifully and elegantly designed to display various metrics, numbers, or data visualization. The project can be downloaded directly from Github and the permissive (MIT) license allows projects.

Thanks for reading! TL;DR;

Atlantis Lite — Free Bootstrap Dashboard, animated presentation.
Atlantis Lite — Free Bootstrap Dashboard, animated presentation.

Atlantis Lite — UI Kit

This product, crafted on top of Bootstrap4/jQuery, provides a generous number of components, widgets, and pre-built pages and might be a good choice for a simple dashboard project.

UI Vendor NotesAtlantis Lite is an open-source Bootstrap Template admin dashboard that is beautifully and elegantly designed to display various metrics, numbers, or data visualization.

Atlantis Lite admin dashboard has 2 layouts, many plugins, and UI components to help developers create dashboards quickly and effectively so they can save development time and also help users to make the right and fast decisions based on existing data.

By following the documentation (link below) the design can be customized with ease via SAAS files, provided along with the HTML files.

Links: Atlantis Lite (html version) — UI Docs

Atlantis Lite — Jinja

This product can be used as an intermediary phase for a fully-fledged project code din Flask or by extracting the UI (already development-ready) to be used in a legacy project. The code is a lightweight Flask starter without a database or other hard dependencies.

Codebase structure

< PROJECT ROOT >
|
|-- app/__init__.py
|-- app/
| |-- static/
| | |-- <css, JS, images> # Project assets
| |
| |-- templates/
| | |
| | |-- includes/ # Page chunks, components
| | | |
| | | |-- navigation.html # Top bar
| | | |-- sidebar.html # Left sidebar
| | | |-- scripts.html # JS scripts
| | | |-- footer.html # The common footer
| | |
| | |-- layouts/ # App Layouts
| | | |
| | | |-- base.html # Master page
| | |
| | index.html # The default page
| | login.html # Auth Login Page
| | register.html # Auth Registration Page
| | page-404.html # Error 404 page
| | page-500.html # Error 500 page
| | *.html # All other pages
|
|-- requirements.txt
|
|-- run.py
|
|-- *****************************************************

To compile the code, we need Python3 properly installed and the GIT command tool to download the sources directly from the public repository.

Atlantis Lite — Free Dashboard provided in Jinja.
Atlantis Lite — Free Dashboard provided in Jinja.

Atlantis Lite — Flask

Flask version is provided with a basic set of features, usually implemented in most Flask projects. Here is the full list of features, extracted from the project README file:

  • DBMS: SQLite, PostgreSQL (production)
  • DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
Atlantis Lite — Flask version provided by AppSeed.
Atlantis Lite — Flask version provided by AppSeed.

Atlantis Lite — Django

The Django version of this modern design comes with an SQLite database, a modular codebase for easier maintenance and deployment scripts (Docker, Gunicorn/Nginx stack).

The source code available for download on Github comes with a descriptive README file. To compile and start the app locally, please access the file or just copy/paste the instructions provided below:

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-atlantis-dark.git
$ cd django-dashboard-atlantis-dark
$
$ # Virtualenv set up (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

Once the app is running in the browser, we need to create a new user via the registration page and after, authenticate.

To see the app running, click to see the — LIVE Demo

Atlantis Lite — Login Page (Django Version).
Atlantis Lite — Login Page (Django Version).
Atlantis Lite — Dashboard Page (Django Version).
Atlantis Lite — Dashboard Page (Django Version).

Conclusion — This modern design bundled in this short-list with starter projects can be used also for beginners to code simple features on top of a production-ready codebase and later deploy the final product using HEROKU platform for instance.

Another important fact is the active support and versioning provided by the AppSeed core team. In case any of you need more information, just drop a message in the comments section or better, join the Discord server and ask for support.

Thank You!

--

--