Latest Update

Code Update v4.0: Theming (Dark theme! Or any theme!) and React Core components are now open source!

Introducing

Dashboard UI Kit 3.0

The first and largest design kit for web apps and dashboards developed in React with an open roadmap and various upcoming updates.

Get Dashboard UI Kit Video Overview

Available for:

Dashboard UI Kit 3.0 Supported Platforms

New Screens & Design System

Brand new visual language laid down on 1440px grid. With the most requested features from Dashboard UI Kits 1.0 and 2.0 this version comes fully armed with Symbols and Styles. 15 screens are waiting for you as React templates as well.

60

Screens

4

Conceptual
Apps

15

Screens Coded
in React

90

React
Components

Comes with 2 Parts

Explore Both Packages

Design Package

With second release we have 60 new screens including 4 full conceptual apps. All based on Symbols and Styles.

Explore Design Package

Code Package

Start your amazing app right away by using 90+ precoded React components that are included in our kit.

Explore Code Package

DESIGN PACKAGE comes with

Brand New 60 Screens for Sketch, PS & XD

4 Conceptual Apps & 24 Custom Screens

The design package includes 4 conceptual apps inspired by most used dashboards out there, followed by 20+ custom screens including analytics, calendar, profile pages, checkout and many more. With dark theming in Sketch coming in 2020! 🤩

Click to explore any section in detail

Socialio

Conceptual Social Network app with a homefeed, profile and much more!

8 Screens

Buildings

App build for renting and buying buildings similar to Airbnb/Booking

8 Screens

Support / Knowledge

Documentation, Support topics and full on support settings interface

8 Screens

Taskio

Project management app with list views, tables and task views

12 Screens

Custom Screens

Analytics, sign ups, profile pages, job board pages and more!

24 Screens

Coming Soon

Tutorials Platform

All for you to design a learning platform with online classes

Explore All 60 Screens in Design Package Get Free Sample

And Even More

Loaded with a ton of features

All widgets, menus and top bar are equipped with resizable setting. Adjust all elements exactly to your needs without any hustle. Everything also comes with nested symbol properties. We even dedicated one full page for guidelines on how to use each widget and which sizes to use to still keep the design on edge!

An overview of all elements should always be a part of what you handover to your developers. Here is 20 sections full of examples of how to use each part of the design system. Styleguide is fully build with symbols and so that any changes you make will be reflected in styleguide as well!

All screens come with 1440px grid and all properties setup for you in Sketch files and Photoshop.

Plug Dashboard UI Kit 3.0 as a Library to your future Sketch files. All organized with Symbol Organizer plugin. Dashboard UI Kit comes with free Google font Roboto and prepared with over 400 text styles in Sketch!

We all love dark UIs, right? Dashboard UI Kit will get you a fully developed design system (Layers and Text styles) ready in dark colors. All 40 screens obviously!

375px canvas? No problem! Dashboard UI Kit will provide you with the starter pack of 30 mobile designs to get your dashboards accessible on smaller devices as well.

70+ Responsive Widgets

All widgets, menus and top bar are equipped with resizable setting. Adjust all elements exactly to your needs without any hustle. Everything also comes with nested symbol properties. We even dedicated one full page for guidelines on how to use each widget and which sizes to use to still keep the design on edge!

Styleguide

An overview of all elements should always be a part of what you handover to your developers. Here is 20 sections full of examples of how to use each part of the design system. Styleguide is fully build with symbols and so that any changes you make will be reflected in styleguide as well!

Symbols & Text Styles

All widgets, menus and top bar are equiped with resizable setting. Adjust all elements exactly to your needs without any hustle. Everything also comes with nested symbol properties. We even dedicated one full page for guidelines on how to use each widget and which sizes to use to still keep the design on edge!

Bootstrap Grid ready

All screens come with 1440px grid and all properties setup for you in Sketch files and Photoshop.

Dark Screens

Coming Soon

We all love dark UIs, right? Dashboard UI Kit will get you a fully developed design system (Layers and Text styles) ready in dark colors. All 40 screens obviously!

Mobile Layouts

Coming Soon

375px canvas? No problem! Dashboard UI Kit will provide you with the starter pack of 30 mobile designs to get your dashboards accessible on smaller devices as well.

Code Package Overview

Dashboard UI Kit 3.0 meets React

15 Coded screens in React, HTML & CSS

Finished designing? Start your amazing app right away by using 90+ precoded React components that are included in our kit. Our components are designed to create interfaces simply and effectively to give you more time to focus on different aspects of development.

Click here to see the demos for yourself

8 Screens

All 15 Coded Screens

Explore All

Homefeed

Buildings (Full App)

Analytics

Tutorials

Documentation & Code Samples

Read Documentation

Dashboard UI Kit 3.0 Documentation Illustration

Getting Started Guide

Start Here

Getting Started foreground illustration clouds

Getting Started background illustration clouds

Lightweight & simple integration

Written from scratch, lightweight as possible. Except leveraging CSS modules for styling our components have minimum dependencies and constraints to seamlessly integrate into your project!

Source code available

That's right. With compiled bundle, we want to give you an insight how the components and example pages are written. We want to build our kit for you so you can learn as well as you can give us more feedback on how to improve.

Available as pure HTML & CSS

Not fan of React? Providing first 15 screens coded as a plain HTML & CSS, there is no easier way to integrate the code into your codebase using your favourite rendering engine or framework.

Private Facebook Group of 380+ people where you can keep in touch with us, be part of the decisions about the future updates and ask questions regarding your app designs or development.

Join Our Private Facebook Group

Currently Only for Buyers

GET DASHBOARD UI KIT 3.0

Start Designing & Shipping Beautiful Dashboards Today

Join the ride and get access to the Dashboard UI Kit 3.0 with all future releases for free! Check out our Roadmap to see what's coming next.

Design Package

$44

$65

What’s Included:

60 Unique Screens
4 Conceptuals Apps
400+ Text Styles
600+ Symbols
50+ Widgets
All Sketch, XD & PS Files

Get for $44

Get Free Sample (for PS,Sketch and XD)

Code + Design Package

$59

$79

What’s Included:

60 Unique Screens
4 Conceptuals Apps
400+ Text Styles
600+ Symbols
50+ Widgets
All Sketch, XD & PS Files

15 Screens in React
15 Screens in HTML & CSS

with regular updates of 2-5 screens
90+ React Components

Get for $59

Get Free Sample (for PS,Sketch and XD)

Recommended

Video Overview

Check out full overview of the product.

Video Overview on Youtube

Contact

Having any questions or ideas? Get in touch.

Contact Us

License

All licensing details can be found here.

View Licence

FULL ROADMAP

Upcoming Releases

Our aim is to make this UI Kit Roadmap open to the public and give you a clear understanding where we are heading. We hope so you decide to support us on this mission and become the owner of Dashboard UI Kit.

P.S.: If you purchase any package at any time all future releases will be emailed straight to your inbox for free once released.

View Past Releases

Release 5

Next Release

5 New Screens + Dark Screen Beta + Support

5 new screen designs
Videos about features (Support)
More dark screens (Sketch first)
3 screens from Socialio app (React)

SCHEDULED FOR: Q3 2020

Release 6

Dark Screens

All Dark Screens release in Sketch
20 screens in React will be in your inbox!

Release 7

Mobile Release

Mobile designs Release
25 screens in React will be in your inbox!

Release 8

Milestone Release

80/30 - Dashboard UI Kit 3.5 Release!

80 Screen Designs
30 screens in React will be in your inbox!
More to be announced in the upcoming months!

STORY BEHIND

Best Selling Kit & Future Plans

Our vision is simple. Create the largest and the most comprehensive design kit available for both designing and integration. It all started in 2016 with a release of very first version of Dashboard UI Kit. It quickly became a bestseller both on Gumroad and UI8 platforms. With that in mind, we decided to take it few steps further and create an ultimate source for any designer and developer and that's how new product Dashboard UI Kit 3.0 come to life.
‍
Our goal is to deliver a kit consisting of 40 screens developed in React (and HTML & CSS) and 100 screens firstly in Sketch and then in other designing tools in the future. We are going to take this process closer to you and open a full roadmap so you can see what's coming your way.

ALL DESIGNED & DEVELOPED BY 2 GUYS