DEV Community

Cover image for Black Design - Curated List with FREE Dashboards
Sm0ke
Sm0ke

Posted on • Originally published at admin-dashboards.com

Black Design - Curated List with FREE Dashboards

Hello Coders!

This article presents a curated list with open-source Dark-Themed dashboards and starters released under permissive licenses (MIT, LGPL) by their vendors. All mentioned products are free, actively supported, and suitable for commercial projects and eLearning activities.


Thanks for reading! Content provided by Admin Dashboards


Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!


✨ Black Design Purity React

Designed for those who like modern UI elements and beautiful websites, Purity UI Dashboard is ready to help you create stunning websites and dashboards.

Purity UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using Chakra's style props.


Black Design (Open-Source) Purity Chakra UI


✨ Black Dashboard React

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 Design (Open-Source) - Black Dashboard React.


✨ BLK Design System React

Start your development with a Black React Design System for Bootstrap 4 (Reacstrap). It is open-source, was developed using create-react-app, it is free and it features many components that can help you create amazing websites.

Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.


Black Design (Open-Source) - BLK Design System for React


✨ Vision UI Dashboard Chakra

Vision UI Dashboard Free Chakra UI is built with over 70+ frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using JSS files and classes.

You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Premium Chakra UI Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.


Black Design (Open-Source) - Vision UI Chakra (React Template)


✨ Corona Dark Dashboard

Corona Admin is a free responsive admin template built with Bootstrap 5. The template has a colorful, attractive yet simple, and elegant design. The template is well crafted, with all the components neatly and carefully designed and arranged within the template.

Corona Admin is packed with all the features that fit your needs but not cramped with components you would not even use. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS or CRM.


Corona Dark Dashboard (Open-Source) - Mobile View.


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

Top comments (8)

Collapse
 
marissab profile image
Marissa B

Slick dark themes like this make me feel like a villain in a lair pouring over data for my evil plan. These look sweet.

Collapse
 
sm0ke profile image
Sm0ke

Thanks for reading Marissa.
πŸš€πŸš€

Collapse
 
crearesite profile image
WebsiteMarket

great list.

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€
Feel free to suggest more free starters.
P.S. 10x for reading!

Collapse
 
uithemes profile image
ui-themes

Purity Dashboard looks great. How can I activate the dark mode by default?

Collapse
 
sm0ke profile image
Sm0ke

Please refer to the official docs for such use-case. Thanks for reading!
πŸš€πŸš€

Collapse
 
lowcodecharts profile image
MyCharts

Thanks for sharing!

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€