🎄🎅🏻 20% OFF the full package - Christmas Deal 🎄🎅🏻
Next Release: In a few Days!
Code Release 3 is LIVE!
Design Release 2 is LIVE!
20 New Screens for Sketch
Dashboard UI Kit 3.0 Header Image
Introducing

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. 13 screens are waiting for you as React templates as well.
60
Screens
4
Conceptual
Apps
400+
Sketch
Text Styles
600+
Sketch
Symbols
1
Styleguide
13
Screens
Coded in
React
Video Tutorial Icon
Full Video Walkthrough
Hide Video
Video Tutorial Icon
Full Video Walkthrough
Hide Video
Design Package Overview

Features Overview

Brand New 60 Screens

4 Conceptual Apps + 24 Additional Screens

Buildings App - Dashboard UI Kit 3.0
Buildings
8 Screens
Socialio App - Dashboard UI Kit 3.0
Social Network
8 Screens
Knowledge Base - Dashboard UI Kit 3.0
Knowledge Base
8 Screens
Additional Dashboards - Dashboard UI Kit 3.0
Project Management
12 Screens
Widgets and nested symbols

70+ Responsive Widgets

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!
Dashboard UI Kit 3.0 Widgets Thumbnail
HandOver in style

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!
(Currently available only in Sketch)
Dashboard UI Kit 3.0 Styleguide Thumbnail
Sketch or Adobe?

All Platforms

Dashboard UI Kit 3.0 is created initially in Sketch then recreated pixel by pixel (no 3rd-party tool) in Adobe Photoshop and imported to Adobe XD. The goal is to keep supporting the most commonly used tools in the upcoming releases to make the designs available for everyone.
Dashboard UI Kit 3.0 Platforms Thumbnail
Dashboard UI Kit 3.0 Figma Thumbnail
September - October
Sep - Oct
Dashboard UI Kit 3.0 Framer X Thumbnail
Once Framer X will be publicly available we will explore the possibility of releasing it for Framer X as well.
The dark side

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! 
Dashboard UI Kit 3.0 Dark UI Thumbnail
375PX Canvas? No Problem!

30 Mobile Design

Coming Soon
Dashboard UI Kit will provide you with the starter pack of 30 mobile designs to get your dashboards accessible on smaller devices as well.
Dashboard UI Kit 3.0 Mobile Dashboards Thumbnail
Sketch Symbols
Symbols
Plug Dashboard UI Kit 3.0 as a Library to your future Sketch files. All organised with Symbol Organizer plugin.
Text Styles
400+ Text Styles
Dashboard UI Kit comes with free Google font Roboto and prepared with over 400 text styles!
Bootstrap Grid
Bootstrap Grid
All screens come with 1440px grid and all properties setup for you in Sketch files and Photoshop.
Menu + Top Bars
Menus + Top Bars
Tons of options for menus and top bars and side bars. With more to come with every single release!
Full UI Kit Preview (.png)
Get Free Sample
Code Package Overview

Dashboard UI Kit 3.0 meets React

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. 
View Documentation
Dashboard UI Kit 3.0 - React Previews
see it for yourself
View All 13 Screen Demos

Written in modern way

Clean code of more than 70+ components ready to use written in ES6, latest javascript patterns, clean code with forced eslint and type checked with Flow.

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.

Prebuilt stack ready to start your project

You can pick components you like or use the whole codebase and not worry about FE architecture. Our stack runs on razzle, it supports server side rendering, has optimized data delivery, Redux and all other good stuff integrated. 
HTML & CSS

Also available as pure HTML & CSS

Not fan of React? Providing first 5 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.
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 today and get all future releases for free! Check out our Roadmap to see what's coming next.
20% OFF-Christmas 🎅🏻

Design Package

Get for $35 $44
Get Free Sample (for PS,Sketch and XD)
20% OFF-Christmas 🎅🏻

Code + Design Package

  • 60 Unique Screens
  • 4 Conceptuals Apps
  • 2 Mobile Screens
  • 2 Dark Screens
  • 400+ Text Styles
  • 70+ Widgets
  • 20+ Menu & Top Bar Designs

  • 13 Screens coded in React + HTML/CSS
  • Coming with monthly updates of up to 8 Screens
  • 90+ React Components
  • + All future design and code releases for Free
Get for $47 $59
Get Free Sample (for PS,Sketch and XD)
Still struggling or need anything more to know more? Feel free to contact us at any point.
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 two and half years ago 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.
Our goal is to deliver a kit consisting of 60 screens developed in React (and HTML & CSS) and 100 screens in Sketch and other designing tools by Q2 next year. 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 and developed by 2 guys
Design
Full Roadmap

Upcoming Releases

As we said we are planning big things and our aim is to make this UI kit 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 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.
Release 2.1
Next Release
All 20 New Screens in PS & XD
  • 20 New Screens available for all 3 Platforms
SCHEDULED FOR: Early December
Release 3
Coming Soon
Features Release + Small Updates + Updated Support
  • New Updated Website
  • 15 New screen Designs
  • Videos about features (Support)
  • Popup Generator (Sketch)
  • Tables System (Sketch)
  • 2 Screens from Socialio App (React)
Can Be expected: December/January
Future Releases
Release 4
Mobile Release + Adobe XD
  • Mobile Design package - 30 Mobile Screens (Sketch)
  • Adobe XD Symbols + Styles in Styleguide (Full support)
Can Be expected: December/January
Release 5
Mobile + Socialio + 5 Screens Package + Adobe XD
  • 5 New screens designs
  • Mobile Design package - 30 Mobile Screens (Sketch)
  • Adobe XD Symbols + Styles in Styleguide (Full support)
  • All 8 Screens done from Socialio App
Can Be expected: January
Release 6
Dark Screens
  • All Dark screens release
  • 25 screens in React will be in your inbox!
CAN BE EXPECTED IN: January/February
Release 7
Milestone Release
80/30 - Dashboard UI Kit 3.5 Release!
  • 80 Screen Designs
  • 35 React Screens
  • All designs will be ready with Sketch, Adobe Photoshop, XD
  • More features will be announced in the upcoming months!
CAN BE EXPECTED: February/March

Subscribe for Updates

Not feeling like buying today? Stay in touch with us. We will send you info about each of the major updates.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Request Feature

Missing anything? Do you need to design some custom layout or need support for something really specific? We’re happy for any new ideas.
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 today and get all future releases for free! Check out our Roadmap to see what's coming next.
20% OFF-Christmas 🎅🏻

Design Package

Get for $35 $44
Get Free Sample (for PS,Sketch and XD)
20% OFF-Christmas 🎅🏻

Code + Design Package

  • 60 Unique Screens
  • 4 Conceptuals Apps
  • 2 Mobile Screens
  • 2 Dark Screens
  • 400+ Text Styles
  • 70+ Widgets
  • 20+ Menu & Top Bar Designs

  • 13 Screens coded in React + HTML/CSS
  • Coming with monthly updates of up to 8 Screens
  • 90+ React Components
  • + All future design and code releases for Free
Get for $47 $59
Get Free Sample (for PS,Sketch and XD)
Still struggling or need anything more to know more? Feel free to contact us at any point.