Dashboard UI Kit 3.0

The largest design kit for creating dashboards, now in React

#5 Product of the DayAugust 14, 2018

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.

40 Unique screens, 5 Coded in React, 3 Conceptual Apps, 1 Massive styleguide, 400+ Text Styles (In Sketch), 600+ Symbols and much more!

Would you recommend this product?
11 Reviews5.0/5
Hi ProductHunt and thanks @mutlu82 for hunting! 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. With all this attention I wanted to take things a few miles ahead again and create something 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 and we are planning on monthly updates with fully public roadmap with the aim to have 100 screens for Sketch, Photoshop, XD and Figma and 60 screens available in React, HTML & CSS by Q2 next year. Since ProductHunt was always really welcoming to me, I’m happy to giveaway (15%) discount - #ProductHunt15 for you guys. Landing Page: https://janlosert.com/dashboard Gumroad Product: https://gum.co/dashboard/product...
Upvote (9)Share
@mutlu82 @roman_nguyen @janlosert Looks amazing! Really nice job, honestly.
@mutlu82 @roman_nguyen @janlosert good stuff! make life much easier for freelancer like me
happy to hear! @hd_riqi1

- Jan has years of experience designing dashboards

- Version 2.0 was a huge success already


Good quality design and code



Upvote (1)Share
As far as I can see the demos are not very "explorables". If I click on links it just do nothing.
Upvote (1)Share
@stermi hey Emanuele, as written, there are 5 different screens coded. More will be added soon if you have a look at the product roadmap at janlosert.com/dashboard :)
@march08 Go to your website, and click Full UI Preview. Nothing happens. I'd expect to see a full screen preview, perhaps even an interactive preview of what I'm buying - but I can't.
@march08 @axertion sorry, we will update the links to be more clear. You can check http://preview.janlosert.com/
@march08 @axertion Hi Axel, full preview links works at least on my side :) You should be able to see this 39000px long preview of all screens etc.: Since nobody else mentioned this I think problem might be on your side. If you ping me on me@janlosert.com I'll try to help you.
@march08 the UI kit is really interesting but I doubt that people would by as it is. When I spend money on this kind of kit I would like to: - see the full demo preview (to understand what can you do with that kit) - see at least the source code of some apps to understand how well the code is made
Wow very nice, the demo http://preview.janlosert.com/tut... is literally what I've been looking to do with React (faceted filters in a site theme). Would have loved to see a more demos and a Vue version but an awesome UI nonetheless. No responsiveness on the HTML aspect is a deal breaker personally though. I understand it's more a "design" package but the site does mention responsiveness which I do not see in the demos.
Upvote (1)Share
@braunshizzle hey Braunson, thank you for your feedback. In a first phase we focused on delivering of a large amount of small building blocks (more than 70 atm), components, so you can use them and build your own websites. Surely the responsivity is important and that's what we are going to focus on in the next development release so the overall page can be reusable as well. Atm we don't plan to do Vue no sooner than 3 months. Although we provide exported HTML from React, understandably it's not ideal.
@roman_nguyen Wow thanks for prompt response! Yep I've been picking up Vue, but could easily switch gears into React. A key selling point for me is the consistence and constant updates + being included in the initial cost. Keep up the awesome work! I can't wait to see what's next.
@braunshizzle Consistency and regular updates are our goal (ofc incl. in the initial cost)!. You can check the planned roadmap. Although the first month will be a bit slower, we still have some vacation planned! :)
Upvote (1)Share
@janlosert Kudos man! Have been following your project since a long time. Great work!
@vignesh_sankar Thanks man! Means a lot.