DEV Community

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

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

sm0ke profile image Sm0ke Updated on ・3 min read

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, released under the MIT License by Creative-Tim, a license that permits unlimited copies for hobby and commercial projects.


Thank you! Content provided by AppSeed - App Generator.



Black Dashboard - Free admin dashboard, animated presentation.


Black Dashboard - Flask

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



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 features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.



Black Dashboard - React Version, product thumb image.


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.


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.

Vue Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.



Black Dashboard - Vue Version, product thumb image.


Thanks for reading! For more free resources please access:

  • Creative-Tim a well-known agency with many open-source products
  • AppSeed - a platform built by lazy guys that use automation tools to help other lazy developers across the globe.
  • More starters with Black Dashboard design

Discussion (11)

pic
Editor guide
Collapse
zoedreams profile image
Collapse
sm0ke profile image
Sm0ke Author

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

Collapse
zoedreams profile image
Collapse
harveyhalwin profile image
Heinek Halwin

Wow. These are soooo good.

Collapse
sm0ke profile image
Sm0ke Author

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 Author

10x for reading!

Collapse
waylonwalker profile image
Waylon Walker

These are beautiful 😍

Collapse
uithemes profile image
ui-themes

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

Collapse
sm0ke profile image
Sm0ke Author

Thanks for reading!