[{"data":1,"prerenderedAt":383},["ShallowReactive",2],{"project-12588897":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":47,"post_text":49,"what":50,"said":96,"maker_in_thread":212,"shape":219,"grid":223,"attempts":345,"same_week":346,"maker_shows":38,"maker_hidden":375,"reader_version":376,"card":377},"12588897","Material Design for Bootstrap","Powerful and Free Material Design UI KIT","title","Show HN: Material Design for Bootstrap – Powerful and Free Material Design UI KIT","http:\u002F\u002Fmdbootstrap.com\u002Fmaterial-design-for-bootstrap\u002F?utm_source=HN-I-IX&utm_medium=HackerNews&utm_campaign=HackerNewsCamp","mdbootstrap.com","Bolduro",1474977763,2016,164,46,193,2264,9,"notable","dev_tools","ui component library","library",[24,25,26,27,28],"bootstrap","material design","ui kit","css framework","javascript components","roasted",-0.301,{"positive":32,"neutral":33,"mixed":33,"critical":34},4,5,16,30,{"design":37,"idea":40,"pricing":42,"performance":44,"docs":45,"execution":46},{"positive":38,"critical":39},1,11,{"positive":41,"critical":41},2,{"positive":43,"critical":38},0,{"positive":43,"critical":38},{"positive":43,"critical":43},{"positive":43,"critical":38},[38,43,38,38,33,43,48,38,43,43,38,43,43,38,38,38,38,38,48,33,43,43,43,38,43,43,38,43,38,43,48,48,48,33,48,48,48,38,38,48],3,null,{"problem":51,"audience":60,"pricing":71,"motivation":49,"time_to_build":49,"stack":82,"openness":93,"stage":94,"team_size":95},{"value":52,"source":53,"evidence":54},"Lets developers build Material Design styled sites using Bootstrap","inferred",[55,57],{"id":56},"post",{"id":58,"by":11,"text":59},"12590450","On a side note, as for the CDN, MDB is there for you. You can also get it through NPM, Bower and from Github. It's all here: http:\u002F\u002Fmdbootstrap.com\u002Fgetting-started\u002F",{"value":61,"source":53,"evidence":62},"Web developers building Bootstrap sites",[63,67],{"id":64,"by":65,"text":66},"12589840","applecrazy","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…",{"id":68,"by":69,"text":70},"12595530","thekevan","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…",{"value":72,"source":73,"evidence":74},"Free package usable for commercial and personal projects; premium components paid","maker",[75,78],{"id":76,"by":11,"text":77},"12595826","You can use Free Package both for your commercial and personal projects. http:\u002F\u002Fmdbootstrap.com\u002Flicense\u002F",{"id":79,"by":80,"text":81},"12593542","mianos","Even the navbar is a premium component. Pass.",[83,87],{"value":84,"source":73,"evidence":85},"Bootstrap",[86],{"id":58,"by":11,"text":59},{"value":88,"source":73,"evidence":89},"Roboto font",[90],{"id":91,"by":11,"text":92},"12590262","Actually, the font is \"Roboto\" from Google Material Design guidelines, so I think we've got it right. As for the speed of animations - we'll surely look into it. Thanks for the…","free","launched","unknown",{"praise":97,"objections":118,"requests":153,"questions":176,"alternatives":195},[98,103,114],{"value":99,"source":100,"evidence":101},"Prebuilt components save time","commenter",[102],{"id":68,"by":69,"text":70},{"value":104,"source":100,"evidence":105},"Good practical examples and clean implementation",[106,110],{"id":107,"by":108,"text":109},"12591063","deanclatworthy","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…",{"id":111,"by":112,"text":113},"12592065","johnwheeler","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.",{"value":115,"source":100,"evidence":116},"Subtler than the original Material Design",[117],{"id":111,"by":112,"text":113},[119,130,137,145],{"value":120,"source":100,"evidence":121},"Animations too fast and not disable-able",[122,126],{"id":123,"by":124,"text":125},"12590204","TeeWEE","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.",{"id":127,"by":128,"text":129},"12591354","pbreit","The animations are the singular reason why I don't use Material. Are they disable-able? I otherwise like the consistency and cleanliness.",{"value":131,"source":100,"evidence":132},"Demo page uses heavy CPU",[133],{"id":134,"by":135,"text":136},"12590251","morokhovets","Feedback: live demo page eats almost all of my core i7 cpu (70% avg, 100% 2\u002F3 of time, Win10\u002FChrome). I understand the page is very large and loaded with js but that was my first…",{"value":138,"source":100,"evidence":139},"Some components look poorly aligned and premium parts seem paywalled",[140,144],{"id":141,"by":142,"text":143},"12590237","nik736","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…",{"id":79,"by":80,"text":81},{"value":146,"source":100,"evidence":147},"Material Design itself looks unattractive or flat",[148,149],{"id":141,"by":142,"text":143},{"id":150,"by":151,"text":152},"12591676","chenster","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…",[154,158,165],{"value":155,"source":100,"evidence":156},"Disclose added download size over standard Bootstrap",[157],{"id":107,"by":108,"text":109},{"value":159,"source":100,"evidence":160},"React integration",[161],{"id":162,"by":163,"text":164},"12592753","bcheung","This looks pretty interesting. Are there any libraries \u002F plans that use this with React?",{"value":166,"source":100,"evidence":167},"Fix Safari iOS date picker button clicks and component box closing",[168,172],{"id":169,"by":170,"text":171},"12594935","pixel_fcker","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…",{"id":173,"by":174,"text":175},"12594062","sumitgt","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.",[177,184],{"value":178,"source":100,"evidence":179},"What are the limits of the free license for commercial use",[180],{"id":181,"by":182,"text":183},"12591248","marioseekr","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…",{"value":185,"source":100,"evidence":186},"How does it compare to Material Design Lite",[187,191],{"id":188,"by":189,"text":190},"12591709","ch4s3","This looks pretty nice. Has anyone used Material Design Lite from Google? https:\u002F\u002Fgetmdl.io\u002F",{"id":192,"by":193,"text":194},"12589919","wanda","Out of curiosity, what were the shortcomings of MDL? I personally roll my own CSS\u002FJS per project but I've got a project lined up which requires Material Design and I was…",[196,201,208],{"value":197,"source":100,"evidence":198},"Material Design Lite (MDL)",[199,200],{"id":64,"by":65,"text":66},{"id":188,"by":189,"text":190},{"value":202,"source":100,"evidence":203},"Bootswatch Paper theme",[204],{"id":205,"by":206,"text":207},"12590300","gedy","Another simple and free alternative is the Paper Bootstrap theme from Bootswatch: https:\u002F\u002Fbootswatch.com\u002Fpaper\u002F Which is available via CDN:…",{"value":209,"source":100,"evidence":210},"Polymer",[211],{"id":64,"by":65,"text":66},{"comments":33,"answered":38,"key":213},[214,215,216],{"id":91,"text":92},{"id":76,"text":77},{"id":217,"text":218},"12589932","I'm glad that you like it! We're keep on improving it as much as possible so any feedback means a world to us.",{"commenters":220,"max_depth":33,"maker_replies":33,"first_comment_mins":221,"lifespan_hours":222},34,151,140,[224,226,230,233,236,240,244,248,252,256,259,261,264,266,268,269,271,274,276,279,280,282,284,286,288,292,294,296,299,300,302,304,306,309,311,315,318,320,322,326,327,331,334,336,339,341],[141,43,38,225,142,43],"project\u002Fcritical\u002Fdesign",[227,43,43,228,229,43],"12591255","commenter\u002Fcritical\u002Fdesign","eagsalazar2",[231,43,38,225,232,43],"12591648","jeffmould",[234,43,38,225,235,43],"12591430","edwinyzh",[237,43,33,238,239,43],"12594653","project\u002Fpositive\u002Fdesign","cyberferret",[241,43,43,242,243,43],"12620214","commenter\u002Fpositive\u002Fdesign","dchest",[245,38,48,246,247,43],"12590181","project\u002Fmixed\u002Fdesign","adyus",[249,38,48,250,251,43],"12593115","project\u002Fneutral\u002Fdesign","anmorgan",[253,38,38,254,255,43],"12593938","project\u002Fcritical\u002Fidea","davidw",[257,38,43,258,239,43],"12594544","commenter\u002Fneutral\u002Fidea",[260,38,43,258,255,43],"12594651",[262,38,38,225,263,43],"12596137","deathanatos",[265,38,43,258,247,43],"12596249",[267,38,43,258,247,43],"12596230",[123,41,38,225,124,43],[91,41,43,270,11,38],"maker\u002Fneutral\u002Fdesign",[272,41,38,273,243,43],"12590362","maker\u002Fcritical\u002Fdesign",[275,41,38,225,243,43],"12590338",[277,41,38,225,278,43],"12590431","Nadya",[127,41,38,225,128,43],[181,48,48,281,182,43],"project\u002Fneutral\u002Fpricing",[76,48,43,283,11,38],"maker\u002Fneutral\u002Fpricing",[64,32,33,285,65,43],"project\u002Fpositive\u002Fidea",[192,32,43,287,193,43],"commenter\u002Fneutral\u002Fnone",[289,32,43,290,291,43],"12590132","other\u002Fneutral\u002Fnone","kowdermeister",[217,32,43,293,11,38],"maker\u002Fpositive\u002Fnone",[134,32,38,295,135,43],"project\u002Fcritical\u002Fperformance",[297,32,43,298,11,38],"12590291","maker\u002Fneutral\u002Fperformance",[205,32,43,287,206,43],[58,32,43,301,11,38],"maker\u002Fneutral\u002Fdocs",[79,32,38,303,80,43],"project\u002Fcritical\u002Fpricing",[305,32,43,287,69,43],"12595543",[307,33,38,254,308,43],"12591475","xwvvvvwx",[188,310,43,290,189,43],6,[312,310,48,313,314,43],"12596384","project\u002Fneutral\u002Fidea","samblr",[107,316,48,317,108,43],7,"project\u002Fmixed\u002Fdocs",[111,319,48,246,112,43],8,[68,18,48,321,69,43],"project\u002Fmixed\u002Fidea",[323,324,33,285,325,43],"12625965",10,"6harleyef6",[150,39,48,246,151,43],[328,329,48,250,330,43],"12591593",12,"6DM",[162,332,48,333,163,43],13,"project\u002Fneutral\u002Fnone",[169,335,38,225,170,43],14,[173,337,38,338,174,43],15,"project\u002Fcritical\u002Fexecution",[340,34,33,293,314,43],"12593139",[342,343,38,225,344,43],"12593984",17,"biocomputation",[],[347,351,356,361,366,371],{"id":348,"name":349,"points":350,"category":20},"12571200","InstaPart",309,{"id":352,"name":353,"points":354,"category":355},"12572412","G9.js",237,"languages",{"id":357,"name":358,"points":359,"category":360},"12589538","fgmk",215,"games",{"id":362,"name":363,"points":364,"category":365},"12564410","days",156,"productivity",{"id":367,"name":368,"points":369,"category":370},"12584380","Alooma Live",144,"data",{"id":372,"name":373,"points":374,"category":355},"12584086","teensy3-rs",137,false,"v2",{"id":378,"name":5,"line":6,"ai":375,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":379,"top":18,"kw":380,"maker":11,"domain":10,"tier":19,"attempts":43,"strip":381,"url":9,"mix":382,"praise":99,"objection":120,"sub":21},12588897,-0.3,[24,25,26,27,28],"1011503100100111113500010010103335333113",[32,33,33,34],1794036548105]