DEV Community

Cover image for Black Dashboard - Coded in React, Vue, Jinja, Flask, and Django
Sm0ke
Sm0ke

Posted on • Edited on

29 8

Black Dashboard - Coded in React, Vue, Jinja, Flask, and Django

Hello Coders,

This article presents a modern dark-themed design - Black Dashboard coded in different tech flavors: React, Vue, Jinja, Flask, and Django.

All versions of Black Dashboard design are free, open sources, and released under the MIT License by Creative-Tim, a license that permits unlimited copies for hobby and commercial projects. For newcomers, Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard that combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

Thanks for reading! TL;DR;



Black Dashboard - Free admin dashboard, animated presentation.


Black Dashboard - Django

This version of Black Dashboard is a super simple Django starter coded with minimal modules, SQLite database, and deployment scripts for Docker, HEROKU, and Gunicorn/Nginx stack.

Black Dashboard - Django Version, main dashboard the light layout.


Flask Black Dashboard

An open-source Flask Dashboard coded with authentication, database, ORM, and deployment scripts on top of a modern Black Dashboard design.

Black Dashboard - Flask Version, user profile page.


Black Dashboard - React

Black Dashboard React is a beautiful Bootstrap 4 (Reactstrap) Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

Black Dashboard - React Version, product thumb image.


Black Dashboard - Vue

Vue Black Dashboard is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you.

It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. Black Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

Black Dashboard - Vue Version, product thumb image.


Thanks for reading! For more resources, feel free to access:

Neon image

Set up a Neon project in seconds and connect from a Python application

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Get started →

Top comments (9)

Collapse
 
harveyhalwin profile image
Heinek Halwin

Wow. These are soooo good.

Collapse
 
sm0ke profile image
Sm0ke

Glad the content is useful. :)
All are free!

Collapse
 
harveyhalwin profile image
Heinek Halwin

Even better !

Collapse
 
crearesite profile image
WebsiteMarket

Nice. Thanks! For sure I will play with React version.

Collapse
 
sm0ke profile image
Sm0ke

10x for reading!

Collapse
 
sm0ke profile image
Sm0ke

nope. The react/Vue versions are pure templates (no backend .. etc).
Jinja/Flask/Django versions are built on the classic MVC pattern.

Collapse
 
uithemes profile image
ui-themes

Thank you!
Just compile the Vue version. Looks good ...

Collapse
 
sm0ke profile image
Sm0ke

Thanks for reading!

Collapse
 
waylonwalker profile image
Waylon Walker

These are beautiful 😍

Sentry image

Make it make sense

Only the context you need to fix your broken code with Sentry.

Start debugging →

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay