Latest Update
Code Update v4.0: Theming (Dark theme! Or any theme!) and React Core components are now open source!
View Update
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.
Available for:
Dashboard UI Kit 3.0 Supported Platforms
Dashboard UI Kit 3.0 Hero ImageHero Image Dashboard UI Kit 3.0

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
Sketch Icon
4
Conceptual
Apps
15
Screens Coded
in React
React Icon
90
React
Components
Dots Decoration Icon
Comes with 2 Parts
Explore Both Packages
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
Arrow Icon
And Even More
Loaded with a ton of features
Tab Illustration - 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!
Tab Illustration - 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!
Tab Illustration - Grid Preview
All screens come with 1440px grid and all properties setup for you in Sketch files and Photoshop.
Tab Illustration - Text Styles
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!

Tab Illustration - Dark Screens
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!
Tab Illustration - Mobile Layouts
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.
Tab Illustration - Widgets
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!
Tab Illustration - Styleguide
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!
Tab Illustration - Text Styles
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!
Tab Illustration - Grid Preview
Bootstrap Grid ready
All screens come with 1440px grid and all properties setup for you in Sketch files and Photoshop.
Tab Illustration - Dark Screens
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!
Tab Illustration - Mobile Layouts
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
Arrow Icon
Code demo - Social Platform
Code demo - Analytics
Code demo - Tutorials Platform
Homefeed
Buildings (Full App)
Analytics
Tutorials

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.
HTML & CSS Icon

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.
Facebook Group Avatars
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.
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 Icons
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
Arrow Icon
Dots Decoration Icon
Get Free Sample (for PS,Sketch and XD)
Code + Design Package Icons
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
Arrow Icon
Dots Decoration Icon
Get Free Sample (for PS,Sketch and XD)
Recommended
Video Overview
Check out full overview of the product.
Video Overview on Youtube
Arrow Icon
Contact
Having any questions or ideas? Get in touch.
Contact Us
Arrow Icon
License
All licensing details can be found here.
View Licence
Arrow Icon
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
Dots Decoration Icon
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!
Dots Decoration Icon
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
Jan Losert - Dashboard Designer Avatar
Jan Losert
Design Package
Email Jan
Arrow Icon
Roman Nguyen - React Developer Avatar
Roman Nguyen
Code Package
Email Roman
Arrow Icon
Still have any question or feature requests?
Missing anything? Do you need to design some custom layout or need support for something really specific? We’re happy for any new ideas.
Dots Decoration Icon
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 Icons
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
Arrow Icon
Dots Decoration Icon
Get Free Sample (for PS,Sketch and XD)
Code + Design Package Icons
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
Arrow Icon
Dots Decoration Icon
Get Free Sample (for PS,Sketch and XD)
Recommended