Material Design for Bootstrap

Dev tools

ui component library

SHOW HN2016

164points
46comments
#193of 2,264 in 2016
Top 9%of 2016 by points

How HN took it

RoastedHalf or more of the comments are critical

4 positive, 5 neutral or asking, 5 mixed, 16 critical, out of 30 comments about the project. Thread score -0.30.

Design: 1 for, 11 againstIdea: 2 for, 2 againstPricing: 0 for, 1 againstPerformance: 0 for, 1 againstExecution: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Prebuilt components save time

    From 1 comment
    • While I am sort on the fence about Material Design itself, I do love MDBootstrap. I just saw it about a month ago and have been playing with it ever since. Specifically, I really…
      thekevan on HN
  • Good practical examples and clean implementation

    From 2 comments
    • There are some issues here. The others will highlight them in the comments, but I want to say something positive. I wanted to browse through your examples page and wonder why I'd…
      deanclatworthy on HN
    • I'm not a fan of material design, but your implementation of it is more subtle and better than the original IMO. Also, your site is beautiful.
      johnwheeler on HN
  • Subtler than the original Material Design

    From 1 comment
    • I'm not a fan of material design, but your implementation of it is more subtle and better than the original IMO. Also, your site is beautiful.
      johnwheeler on HN

Objections

  • Animations too fast and not disable-able

    From 2 comments
    • Too bad its doesnt feel like material. The fonts are wrong. The icons are not material, and the effects animations are too fast... Buts its close to what material is.
      TeeWEE on HN
    • The animations are the singular reason why I don't use Material. Are they disable-able? I otherwise like the consistency and cleanliness.
      pbreit on HN
  • Demo page uses heavy CPU

    From 1 comment
    • Feedback: live demo page eats almost all of my core i7 cpu (70% avg, 100% 2/3 of time, Win10/Chrome). I understand the page is very large and loaded with js but that was my first…
      morokhovets on HN
  • Some components look poorly aligned and premium parts seem paywalled

    From 2 comments
    • I don't understand why anyone wants to use MD by choice. I don't have an opinion about the web looking similar (has pros and cons) but what I know is that MD looks just not right…
      nik736 on HN
    • Even the navbar is a premium component. Pass.
      mianos on HN
  • Material Design itself looks unattractive or flat

    From 2 comments
    • I don't understand why anyone wants to use MD by choice. I don't have an opinion about the web looking similar (has pros and cons) but what I know is that MD looks just not right…
      nik736 on HN
    • The demo looks great! When I think of Google's material design, however, I always picture Android's rather flat and blockish UI. Am I the only person who doesn't think material…
      chenster on HN

Requests

  • Disclose added download size over standard Bootstrap

    From 1 comment
    • There are some issues here. The others will highlight them in the comments, but I want to say something positive. I wanted to browse through your examples page and wonder why I'd…
      deanclatworthy on HN
  • React integration

    From 1 comment
    • This looks pretty interesting. Are there any libraries / plans that use this with React?
      bcheung on HN
  • Fix Safari iOS date picker button clicks and component box closing

    From 2 comments
    • On Safari on iOS 9, iPhone 6s, the buttons along the bottom of your date picker (e.g. Close) are very difficult to click because touching that area brings up safari's bottom menu…
      pixel_fcker on HN
    • Was trying to go through all the components. But clicking on any of them closes the component box when the page for that component loads.
      sumitgt on HN

Questions

  • What are the limits of the free license for commercial use

    From 1 comment
    • What are the limitations of the free license from the perspective of someone using "Free" package on a website (comercial or not)? The "free" license seems permissive enough for…
      marioseekr on HN
  • How does it compare to Material Design Lite

    From 2 comments
    • This looks pretty nice. Has anyone used Material Design Lite from Google? https://getmdl.io/
      ch4s3 on HN
    • Out of curiosity, what were the shortcomings of MDL? I personally roll my own CSS/JS per project but I've got a project lined up which requires Material Design and I was…
      wanda on HN

Alternatives named

  • Material Design Lite (MDL)

    From 2 comments
    • This is exactly what I was looking for since mid 2015 for a static site. MDL didn't cut it for me, and Polyner was overkill. I will certainly looking into this for some projects…
      applecrazy on HN
    • This looks pretty nice. Has anyone used Material Design Lite from Google? https://getmdl.io/
      ch4s3 on HN
  • Bootswatch Paper theme

    From 1 comment
    • Another simple and free alternative is the Paper Bootstrap theme from Bootswatch: https://bootswatch.com/paper/ Which is available via CDN:…
      gedy on HN
  • Polymer

    From 1 comment
    • This is exactly what I was looking for since mid 2015 for a static site. MDL didn't cut it for me, and Polyner was overkill. I will certainly looking into this for some projects…
      applecrazy on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/12588897)