Dashboard UI Kit 3.0

over 3 years ago from , Webflow/No-Code Enthusiast, Product Designer & Product Maker. Tweets as @janlosert. Pixels on http://dribbble.com/JanLosert.

Hi DesignerNews!

Some of you might remember me from my previous products Symbols & Styleguides, Cards for Webflow or mainly for Dashboard UI Kit. Dashboard UI Kit became the best seller on Gumroad and most popular UI Kit on UI8.net with thousands of sales in total, which I found incredible. So for the past 5 months I haven’t been doing anything else in my free time than working on the next version.

Dashboard UI Kit 3.0 - The first and the largest design kit for web apps and dashboards developed in React with open roadmap and monthly updates.

Let’s look what’s inside:

40 Unique screens 3 Conceptual Apps (Social Network, Bnb Platform, Support Platform) 1 Massive styleguide 400+ Text Styles (In Sketch) 600+ Symbols 2 Mobile Dashboards and 2 Dark Layouts Over 70 Widgets prepared for 3/4/5/6/9/12 grid columns resolutions All available for Sketch, Photoshop and XD

But that’s not over! I’ve been listening to your requests so I’ve teamed up with my good friend @roman_nguyen who helped me to take Dashboard UI Kit to the next level and get things moving, literally.

With a very first release, we are introducing more than 70 components available in React as well as plain HTML and CSS and 5 screens as a starter. And because we don’t want to limit your development in any way, we are giving you an access to full source code built in modern way with minimum dependencies that is simple to integrate into your current project. You can import compiled code or you can start your fresh project on top of our dev stack immediately.

*→ Release 1 is out from today! *

Landing Page:https://janlosert.com/dashboard

Gumroad Product:https://gum.co/dashboard


  • Thomas Michael SemmlerThomas Michael Semmler, over 3 years ago

    I never understood the use cases for UI Kits. Can someone explain what you actually do with them, as a designer? This is a serious question.

    16 points
    • Soheil rabbani, over 3 years ago

      Well, you can use them to get inspired or for your own usage (if it's for free). For example, you have a project and you need to use some custom navigation bar. You can use these Kits to save the time and not losing the quality that you wanted.

      3 points
      • , over 3 years ago

        I won't say it better. It's literally like this. Some customers are agencies, designers who need starter for some short deadline project or companies for quick prototyping of some complicated solutions etc.

        But I get what you're saying. If you're like me full time pixel guy it's different.

        3 points
    • Mike StevensonMike Stevenson, over 3 years ago

      They can be nice to build off if you want a framework ready to go. If you already have one, then that's fine, but using one can be better than starting from scratch. Like launching a website with bootstrap as the core and then modifying to fit your needs.

      1 point
    • Richard SisonRichard Sison, over 3 years ago

      Yeah, I understand that sentiment. While I never use a UI kit as a building block for a design I'm working, I just love looking at how other designers put stuff together.

      TLDR: I use it for inspiration, not as a starting point.

      2 points
    • A. N.A. N., over 3 years ago

      I also never understood. I think it's meant for making money either on a beginner or lazy designer and perhaps on developers who don't know how to design, like image banking website for photographers.

      0 points
  • Tomas Stanislavsky, over 3 years ago

    Another great product by Jan. I highly recommend it!

    2 points
  • Qin RosaQin Rosa, over 3 years ago

    cool stuff.wish I could do it in the future

    0 points
  • Rahmat Albariqi, over 3 years ago

    Awesome! Really helpful for freelancer

    0 points
  • Nick Gaznd, over 3 years ago

    This is awesome! Nice work!

    0 points