Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

Do people actually like Material for browsers on desktops? I tried it - as it would be great to have an opinionated design language with good framework implementations but it seems to make the same mistake as Windows 8 in trying to treat everything like a phone. That really isn't nice on a desktop.

I basically associate material design with "slow" now, especially ever since Google has began to move all their services (flights, analytics) to material design. It's all becoming slow and annoying to use, anyone else feel the same?

Hi. This is really cool and I can tell you put a lot of work into it.<p>I noticed when tabbing through the dashboard that many of the elements have disabled focus styles. This can make the dashboard less accessible to users who need visual indication of what element is focused. Would you consider including focus styles on the non-form elements?

I dunno, looks slick but I do wonder how much of this is actually useful for building an admin interface.<p>Once I&#x27;ve got decent form styles and a navbar I find that most of the rest is either very simple, or very application specific.<p>Widgets are cool, but mostly we need tables and forms.

I strongly do not like the design. To my taste:<p><pre><code> * colors are too bright and saturated * Low text-vs-background contrast: white letters on bright yellow-orange for example * Font strokes are way too thin which is especially bad compounded with dark-ish gray on light-ish gray low contrast (see above) </code></pre> Viewing this on a usual normal-resolution 24&quot; Dell monitor. It could be that it looks better on retina phones and monitors - can someone opine?<p>I would prefer something like [1] (not ideal, but found this just after 5 seconds of googling)<p>[1] <a href="https:&#x2F;&#x2F;p.w3layouts.com&#x2F;demos_new&#x2F;template_demo&#x2F;06-01-2018&#x2F;glance_design_dashboard-demo_Free&#x2F;215073379&#x2F;web&#x2F;index.html" rel="nofollow">https:&#x2F;&#x2F;p.w3layouts.com&#x2F;demos_new&#x2F;template_demo&#x2F;06-01-2018&#x2F;g...</a>

Nice theme. I like how it uses the big 3 FE frameworks.<p>Big shout out to Ngx-Admin as well. <a href="https:&#x2F;&#x2F;github.com&#x2F;akveo&#x2F;ngx-admin" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;akveo&#x2F;ngx-admin</a>

Looking much better and easier than many paid admin themes. I was checking it yesterday after reading about it on a website and was really impressed. All the best

Nice work happening at Creative Tim! Congrats to Alex and company. I&#x27;m looking forward to collaborating on Codeply. Please check out my latest too : <a href="https:&#x2F;&#x2F;themesguide.github.io&#x2F;top-hat&#x2F;dist&#x2F;" rel="nofollow">https:&#x2F;&#x2F;themesguide.github.io&#x2F;top-hat&#x2F;dist&#x2F;</a>

Nice work. There is a tiny glitch on first load on windows with chrome. The content shakes in order to fit screen. It may be about hiding the default scroller.

On the topic of UI libraries, I&#x27;ve used and enjoyed Element UI[0].<p>Someone really needs to make a search engine for components -- React, Vue, Mithril and a few other frameworks out there are making it so easy to build and share small isolated pieces of functionality but I still don&#x27;t know of a site where I can easily search for components.<p>[0]: <a href="http:&#x2F;&#x2F;element.eleme.io" rel="nofollow">http:&#x2F;&#x2F;element.eleme.io</a>

I&#x27;m using this for my upcoming SaaS, and I&#x27;m disappointed with the performance on mobile.<p>I thought it&#x27;s due to React, but after Googling &quot;react material UI slow&quot; I found that it&#x27;s the problem with the UI framework. Don&#x27;t get me wrong, I like the design, I just regretful of not testing it on my phone much earlier.

Great work on the template. I actually bought the pro version as it has the most reasonable SaaS license I’ve seen in a lot of these templates where they pull you in with a 30-40$ license and then want 800-1400$ if you wanna use it on a product.

Tangential: is it (in)appropriate to use an &quot;admin&quot; theme for a consumer app?<p>Maybe it&#x27;s semantics, but I see the &quot;feel&quot; of admin pop up on many &#x2F; most evolved consumer applications (e.g. GMail, Kayak, Reddit, Feedly, etc.).

So this is an example of how to use Bootstrap Material Design in different web frameworks? Why use Bootstrap Material Design instead of the Google supported Material Component library that works in any framework and without the added noise of class=&quot;foo&quot;? <a href="https:&#x2F;&#x2F;github.com&#x2F;material-components&#x2F;material-components-web" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;material-components&#x2F;material-components-w...</a>

I think this is why folks give Material UI so much grief.<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Principle_of_least_astonishment" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Principle_of_least_astonishmen...</a><p>And I would not be so quick to pat Apple on the back, as I feel they have on gone backwards vis a vis the above principle when they largely abandonded skeuomorphism.

The demo page section for icons[1] is buggy on Firefox. If you scroll the icon categories, the icon next to each category doesn&#x27;t move with the category name.<p>1: <a href="https:&#x2F;&#x2F;demos.creative-tim.com&#x2F;material-dashboard&#x2F;examples&#x2F;icons.html" rel="nofollow">https:&#x2F;&#x2F;demos.creative-tim.com&#x2F;material-dashboard&#x2F;examples&#x2F;i...</a>

Has anyone worked with this or similar starter themes?<p>Are they easy to work with? Adjust to your own circumstances?<p>I ask because, while easy on the eyes, they strike me as somewhat complicated and you wonder if you&#x27;d be better off starting from scratch or something simpler.

Why this works for a dashboard but not for anything else:<p>-design is inheriently unique. You want your brand and your site to standout from the rest. A one size fits all design methology actually goes against design. A design framework for the web is like saying all stores should look the same. Even restaurants dont look the same and they are in the same usecase. Design matters and cannont be churned out like a factory product (or good design at least). There are 2 80&#x2F;20 rules here. You can get 80% of your good design by adhering to 20% of the standards, yet its the last 20% of good design that makes your site stand out and the first 80% is just basic usability.<p>-dashboards are purely functional and not user facing (at least the admin dashboards I hope this framework is talking about). This is a great place to use a standard framework and get all the reuse out of it so you can focus on making your user facing site unique

what is the relationship of this to Material-UI? <a href="https:&#x2F;&#x2F;material-ui.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;material-ui.com&#x2F;</a><p>On the Material-UI website it shows CreativeTim (the creators of Material Dashboard) as being a major contributor, additionally there is a Material Dashboard &quot;Premium Theme&quot; for Material-UI that&#x27;s created by CreativeTim. In the MaterialUI site&#x27;s thumbnail comments it says created with MaterialUI, but on the MaterialDashboard site it does not say this.<p>Very confusing. did CreativeTim move away from MaterialUI to a bootstrap4 foundation? or something else?

I&#x27;m using Firefox and the &quot;Material Icons&quot; icons are never displayed properly... Any idea why?<p><a href="https:&#x2F;&#x2F;i.imgur.com&#x2F;Y06PbsL.png" rel="nofollow">https:&#x2F;&#x2F;i.imgur.com&#x2F;Y06PbsL.png</a>

Interesting, the Vue version feels significantly faster then the React version(drops frames at the beginning of the animations just after a click) and the Angular version feels much more website-like than app-like

I’m confused. I’m on my phone so I haven’t looked at the repo. But if this material done in bootstrap or is this a ui using material? Why is bootstrap mentioned...

Great job implementing material design principles to Bootstrap. I would say I haven&#x27;t seen it done this well except for I haven&#x27;t seen it done at all.

Does this actually conform to Material Design guidelines? The use of shadow&#x2F;depth seems gratuitous, for example, in the selected item in the left menu.

Everyone is bashing the admin panel. Which one is the best according to HN based on functionality and design?

What&#x27;s the easiest way to through a Firebase database behind this?

i&#x27;ve been a creative tim customer for a while, great product, fair price. no complaints :)<p>not a fan of Material tho, victim of Google&#x27;s success really.

This is really ugly

I really don&#x27;t like light (300 weight) fonts on web. Most of them on most screens are illegible.