Adminator - Jinja Template
Tags: webdev, adminator, jinja2, appseed
Published: 2020-07-25 16:14:16

---
title: Adminator - Jinja Template
published: true
description: Adminator dashboard design, now available as an open-source Jinja Template
tags: webdev, adminator, jinja2, appseed
cover_image: https://raw.githubusercontent.com/app-generator/jinja2-adminator/master/media/jinja2-adminator-screen-widgets.png
---
Hello Coders, 

This article presents the iconic **Adminator**, as an open-source **[Jinja Template](https://github.com/app-generator/jinja-template)**. I'm using a lot this template system in my projects because improves my productivity in Flask/Django projects and is quite close to Nunjunks, another diesel-power engine that I'm using in 11ty starters. 

---

> Thanks for reading!

The code is released by [AppSeed](https://appseed.us/?ref=dev-j2-adminator) under the MIT license on Github, along with other Jinja2 starters: 

- [Jinja2 - Adminator](https://jinja2-adminator.appseed.us/) - LIVE Demo
- [Jinja2 Adminator Sources](https://github.com/app-generator/jinja2-adminator) - published on Github

![Jinja2 Adminator -  Animated presentation.](https://raw.githubusercontent.com/app-generator/jinja2-adminator/master/media/jinja2-adminator-intro.gif)

---

## [Adminator](https://colorlib.com/polygon/adminator/?ref=appseed) - Free Dashboard

This modern UI, provided by ColorLib, comes with many components 
 and pre-built pages for almost anything:

- A nice [Dashboard](https://jinja2-adminator.appseed.us/) and [charts](https://jinja2-adminator.appseed.us/charts.html) page
- Pages for [eMail details](https://jinja2-adminator.appseed.us/email.html) and [compose](https://jinja2-adminator.appseed.us/compose.html)
- Apps: [calendar](https://jinja2-adminator.appseed.us/calendar.html) and [chat](https://jinja2-adminator.appseed.us/chat.html)
- Classic [forms](https://jinja2-adminator.appseed.us/forms.html), [UI elements](https://jinja2-adminator.appseed.us/ui.html), and [tables](https://jinja2-adminator.appseed.us/basic-table.html)
- Maps page for [Google](https://jinja2-adminator.appseed.us/google-maps.html) and [VectorMaps](https://jinja2-adminator.appseed.us/vector-maps.html)
- Other pages: [login](https://jinja2-adminator.appseed.us/login.html), [register](https://jinja2-adminator.appseed.us/register.html), [error-500](https://jinja2-adminator.appseed.us/page-500.html) and a blank page starter

Just to make the audience curious, I will drop a few screens here. Feel free to click on the (above) links, the layout renders nice on every device.

---

> [Jinja Template](https://github.com/app-generator/jinja-template) Adminator - Dashboard Page

![Jinja Adminator - Dashboard Page](https://raw.githubusercontent.com/app-generator/jinja2-adminator/master/media/jinja2-adminator-screen.png)

--- 

> [Jinja Template](https://github.com/app-generator/jinja-template) Adminator - Vector Maps

![Jinja Adminator - Vector Maps](https://raw.githubusercontent.com/app-generator/jinja2-adminator/master/media/jinja2-adminator-screen-maps.png)

--- 

> [Jinja Template](https://github.com/app-generator/jinja-template) Adminator - Error 500 (a funny page)

![Jinja Adminator - Error 500](https://raw.githubusercontent.com/app-generator/jinja2-adminator/master/media/jinja2-adminator-screen-page500.png)

--- 

## [Jinja2](https://jinja.palletsprojects.com/en/2.11.x/) - Short Introduction

Jinja, is a Python template engine used to generate HTML or XML returned to the user via an HTTP response.

For those who have not been exposed to a templating language before, such languages essentially contain variables as well as some programming logic, which when evaluated (or rendered into HTML) are replaced with actual values.

--- 

> How to get Jinja2

To start playing with it, just open a terminal and type:

```bash
$ pip install jinja2
```

---

## Jinja in action

> Simple runtime replace 

```python
>>> from jinja2 import Template
>>> t = Template("Hello {{ token }}!")
>>> t.render(token="Jinja2")
u'Hello Jinja2!'
```

The engine will replace the inner `token` with value `Jinja2`. This is quite useful when we use this block for different `token` values.

---

For more information about this amazing engine, please access a popular article published here on Dev, quite recently: 

**[Jinja2 - Short introduction and Sample Apps](https://dev.to/sm0ke/jinja2-short-introduction-and-sample-apps-nb)**

--- 

Where to go from here? Check out these two apps that use the Jinja pages presented in this article - both apps are open-source, actively supported, and versioned by AppSeed, and the source code can be downloaded from Github.

--- 

## [Adminator - Django Dashboard](https://appseed.us/admin-dashboards/django-dashboard-adminator)

Open-Source Admin Dashboard coded in *Django Framework*, on top of Adminator design:

- UI-Ready app, SQLite Database, Django Native ORM
- Modular design, clean code-base
- Session-Based Authentication, Forms validation
- Deployment scripts: Docker, Gunicorn / Nginx
- **[MIT License](https://github.com/app-generator/license-mit)**

> Links

- [Django Dashboard - Adminator Design](https://appseed.us/admin-dashboards/django-dashboard-adminator) - Official product page
- [Django Dashboard Adminator Demo](https://django-dashboard-adminator.appseed.us/) - LIVE Demo

---

![Django Dashboard Adminator - Starter project coded in Django.](https://raw.githubusercontent.com/app-generator/django-dashboard-adminator/master/media/django-dashboard-adminator-screen.png)

---

## [Adminator - Flask Dashboard](https://appseed.us/admin-dashboards/flask-dashboard-adminator)

Free Admin Dashboard coded in *Flask Framework*, on top of Adminator design:

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

> Links

- [Flask Dashboard - Adminator Design](https://appseed.us/admin-dashboards/flask-dashboard-adminator) - Official product page
- [Flask Dashboard Adminator Demo](https://flask-dashboard-adminator.appseed.us/) - LIVE Demo

![Flask Dashboard Adminator - Starter project coded in Flask.](https://raw.githubusercontent.com/app-generator/flask-dashboard-adminator/master/media/flask-dashboard-adminator-screen.png)

---

To start the apps please access the source code and follow the instructions listed in the README files. In case of any issues, feel free to ask me anything or join the [Discord](https://discord.gg/fZC6hup) server for LIVE help (AppSeed Support team). 

--- 

> Thank you!