[{"data":1,"prerenderedAt":404},["ShallowReactive",2],{"project-19224141":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":36,"aspects":37,"strip":47,"post_text":49,"what":50,"said":101,"maker_in_thread":208,"shape":213,"grid":217,"attempts":368,"same_week":369,"maker_shows":33,"maker_hidden":397,"reader_version":398,"card":399},"19224141","Material Kit","Open Source UI for Bootstrap, React, Vuejs, React Native","title","Show HN: Material Kit – Open Source UI for Bootstrap, React, Vuejs, React Native","https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fmaterial-kit","github.com","axelut",1550828526,2019,193,59,197,2195,9,"notable","dev_tools","ui component kit","library",[24,25,26,27,28],"material design","ui kit","bootstrap theme","react components","vue material","mixed",-0.23,{"positive":32,"neutral":33,"mixed":34,"critical":35},4,8,2,11,25,{"design":38,"execution":40,"idea":42,"performance":44,"docs":45,"pricing":46},{"positive":34,"critical":39},5,{"positive":41,"critical":34},1,{"positive":43,"critical":43},0,{"positive":43,"critical":32},{"positive":43,"critical":43},{"positive":43,"critical":43},[43,43,43,43,43,43,43,43,48,43,41,43,43,43,43,41,48,48,48,43,43,41,41,41,43,43,43,43,48,41,48,39,43,41,39,39,43,41,48,48],3,null,{"problem":51,"audience":49,"pricing":61,"motivation":72,"time_to_build":49,"stack":76,"openness":98,"stage":99,"team_size":100},{"value":52,"source":53,"evidence":54},"Saves time building pages by starting from a Material Design system instead of from scratch","maker",[55,58],{"id":56,"by":11,"text":57},"19225004","@Flavius, our Material Kit React is built on top of Material-UI so it's basically the same thing at the core base, we just give more examples and people spend less time creating…",{"id":59,"by":11,"text":60},"19224653","It isn't a good or a bad thing, it's just another design system, where you have some rules. We didn't like Material Design either, that's why we took it and made it more…",{"value":62,"source":63,"evidence":64},"Free under MIT license; documentation and SASS sources require Pro upgrade","commenter",[65,68],{"id":66,"by":11,"text":67},"19224188","Hey guys, the UI kit comes also in Figma, Sketch, Photoshop and Wordpress, you can check more about it here: https:\u002F\u002Fdemos.creative-tim.com\u002Fmaterial-kit\u002Fpresentation.html You can…",{"id":69,"by":70,"text":71},"19228638","kevin_thibedeau","So you have to upgrade to Pro to get documentation and SASS sources?",{"value":73,"source":53,"evidence":74},"Make Material Design more user-friendly and save developers time",[75],{"id":59,"by":11,"text":60},[77,82,86,90,94],{"value":78,"source":53,"evidence":79},"Bootstrap",[80],{"id":81},"post",{"value":83,"source":53,"evidence":84},"React",[85],{"id":81},{"value":87,"source":53,"evidence":88},"Vue.js",[89],{"id":81},{"value":91,"source":53,"evidence":92},"React Native",[93],{"id":81},{"value":95,"source":53,"evidence":96},"Material-UI",[97],{"id":56,"by":11,"text":57},"open_source","launched","company",{"praise":102,"objections":118,"requests":158,"questions":167,"alternatives":182},[103],{"value":104,"source":63,"evidence":105},"Good-looking, comprehensive themes and components",[106,110,114],{"id":107,"by":108,"text":109},"19224556","avinium","I came across the Vuetify dashboard the other day for a side project I'm spinning out (http:\u002F\u002Fwww.sweephq.com - may or may not open source, haven't decided yet). There are some…",{"id":111,"by":112,"text":113},"19225579","rsweeney21","Wow, such negative comments. Nobody cares that you don't like Material Design. \u002Frant This looks awesome! As a designer and engineer, it's always frustrating when I design…",{"id":115,"by":116,"text":117},"19225620","nathan11","This looks really nice, thanks for building it.",[119,133,144,151],{"value":120,"source":63,"evidence":121},"Material Design looks dated or ugly to many commenters",[122,126,129],{"id":123,"by":124,"text":125},"19224570","nik736","I still don't understand what's so good about Material Design, I absolutely hate it. But props for the effort.",{"id":127,"by":124,"text":128},"19224669","Sure, but a framework won't help if the output looks bad because the design system is just horrible UI\u002FUX wise. But great effort, apparently you are not wrong, since Material…",{"id":130,"by":131,"text":132},"19224795","NowThenGoodBad","Materials Scientist\u002FEngineer who also codes here: 1. I highly dislike material design as a programmer and as a consumer. 2. Google and others using “Material Design”, Polymer,…",{"value":134,"source":63,"evidence":135},"Feels sluggish",[136,140],{"id":137,"by":138,"text":139},"19225635","typon","Using Material design always feels so sluggish. Is it the shadows? Can someone with more CSS knowledge speculate about what's causing the high latency?",{"id":141,"by":142,"text":143},"19226053","johnisgood","Feels really sluggish.",{"value":145,"source":63,"evidence":146},"Not following latest Material spec",[147],{"id":148,"by":149,"text":150},"19225917","francislavoie","This isn't following the latest Material spec. For example, see the text inputs; they went away with the underlined fields style (for some good reasons). I'd love to see that…",{"value":152,"source":63,"evidence":153},"Div soup markup",[154],{"id":155,"by":156,"text":157},"19224947","Theodores","This is yet more div soup judging by the examples in the Repo and the Wordpress theme. I am struggling to find anything that is using HTML5, CSS Grid, CSS variables and other…",[159,163],{"value":160,"source":63,"evidence":161},"Link to preview the Figma kit in browser",[162],{"id":111,"by":112,"text":113},{"value":164,"source":63,"evidence":165},"Update to latest Material spec",[166],{"id":148,"by":149,"text":150},[168,175],{"value":169,"source":63,"evidence":170},"Is this better than Material-UI for React?",[171],{"id":172,"by":173,"text":174},"19224709","Flavius","Is this kit any better than https:\u002F\u002Fmaterial-ui.com\u002F when using React?",{"value":176,"source":63,"evidence":177},"Does it use Material Components for the Web?",[178],{"id":179,"by":180,"text":181},"19229857","bsimpson","I love that people make and share things, and I hate to pour water on announcements. I admire the effort that went into this. That said, it makes me sad to see more fragmentation…",[183,190,194,201],{"value":95,"source":63,"evidence":184},[185,186],{"id":172,"by":173,"text":174},{"id":187,"by":188,"text":189},"19224779","yuchi","Sorry to be rude, but simply no. I used both (inherited a Material Kit project and moved it to Material UI), and the quality of MUI is simply astonishing: 1. Releases are very…",{"value":191,"source":63,"evidence":192},"Material Components for the Web",[193],{"id":179,"by":180,"text":181},{"value":195,"source":63,"evidence":196},"Grommet",[197],{"id":198,"by":199,"text":200},"19226373","arethuza","I was looking at UI toolkits recently for a new side project and I consciously avoided Material Design because of the Google connection and also because I don't really think it…",{"value":202,"source":63,"evidence":203},"Spectre",[204],{"id":205,"by":206,"text":207},"19227537","52-6F-62","I've found Spectre to be relatively palatable. https:\u002F\u002Fpicturepan2.github.io\u002Fspectre\u002Findex.html",{"comments":39,"answered":41,"key":209},[210,211,212],{"id":59,"text":60},{"id":66,"text":67},{"id":56,"text":57},{"commenters":214,"max_depth":215,"maker_replies":39,"first_comment_mins":33,"lifespan_hours":216},41,6,34,[218,222,226,229,232,234,236,239,241,244,247,250,254,256,258,260,263,264,268,270,273,275,278,279,281,285,289,291,294,296,299,301,304,307,309,311,313,315,317,319,320,323,326,327,330,333,334,336,338,339,343,346,348,351,354,357,361,364,366],[219,43,43,220,221,43],"19225667","other\u002Fneutral\u002Fnone","mr_overalls",[223,43,43,224,225,43],"19225907","other\u002Fneutral\u002Fdesign","fermienrico",[227,43,43,224,228,43],"19226528","fwip",[230,43,43,224,231,43],"19227852","TeMPOraL",[233,43,43,224,221,43],"19226726",[235,43,43,224,225,43],"19227133",[237,43,43,224,238,43],"19229116","petilon",[240,43,43,224,225,43],"19230563",[242,43,43,224,243,43],"19235094","wurst_case",[245,43,43,220,246,43],"19229019","deltron3030",[248,43,43,224,249,43],"19231109","andrei_says_",[251,43,48,252,253,43],"19226530","project\u002Fneutral\u002Fdesign","duxup",[123,41,48,255,124,43],"project\u002Fmixed\u002Fdesign",[59,41,43,257,11,41],"maker\u002Fneutral\u002Fidea",[127,41,41,259,124,43],"project\u002Fcritical\u002Fdesign",[261,41,41,259,262,43],"19224829","dpau",[130,41,43,220,131,43],[265,41,43,266,267,43],"19224877","commenter\u002Fneutral\u002Fnone","flavor8",[269,41,43,220,231,43],"19227921",[271,41,43,220,272,43],"19224886","vcavallo",[274,41,43,220,124,43],"19225028",[276,41,43,220,277,43],"19226694","jeffhuys",[198,41,41,259,199,43],[66,34,43,280,11,41],"maker\u002Fneutral\u002Fnone",[282,34,48,283,284,43],"19227108","project\u002Fneutral\u002Fnone","gotrythis",[286,34,48,287,288,43],"19227254","maker\u002Fneutral\u002Fexecution","sambroner",[179,48,48,290,180,43],"project\u002Fmixed\u002Fidea",[292,32,43,224,293,43],"19225978","LearningCoding",[295,32,43,224,246,43],"19226192",[297,32,43,224,298,43],"19229742","egypturnash",[137,39,41,300,138,43],"project\u002Fcritical\u002Fperformance",[302,39,41,300,303,43],"19225741","pault",[305,39,41,300,306,43],"19225809","dmitriid",[155,215,41,308,156,43],"project\u002Fcritical\u002Fexecution",[310,215,43,266,306,43],"19225112",[312,215,43,266,156,43],"19225390",[314,215,43,266,306,43],"19225578",[316,215,43,266,156,43],"19232806",[318,215,43,266,306,43],"19234882",[205,215,43,220,206,43],[321,215,43,220,322,43],"19227930","tomcam",[172,324,48,325,173,43],7,"project\u002Fneutral\u002Fexecution",[187,324,41,308,188,43],[328,324,43,266,329,43],"19224914","jefozabuss",[331,324,48,332,284,43],"19227139","project\u002Fneutral\u002Fdocs",[56,324,43,280,11,41],[111,33,39,335,112,43],"project\u002Fpositive\u002Fexecution",[337,33,43,280,11,41],"19225771",[148,18,41,259,149,43],[340,18,48,341,342,43],"19226088","project\u002Fneutral\u002Fidea","ravenstine",[107,344,39,345,108,43],10,"project\u002Fpositive\u002Fdesign",[347,344,43,280,11,41],"19224643",[349,344,39,350,108,43],"19224664","project\u002Fpositive\u002Fnone",[352,344,43,220,353,43],"19226674","tyteen4a03",[355,35,41,259,356,43],"19225002","skilled",[358,359,48,283,360,43],"19224735",12,"seanwilson",[69,362,48,363,70,43],13,"project\u002Fneutral\u002Fpricing",[141,365,41,300,142,43],14,[115,367,39,345,116,43],15,[],[370,374,379,383,387,392],{"id":371,"name":372,"points":373,"category":20},"19248723","subsync",583,{"id":375,"name":376,"points":377,"category":378},"19254828","Zero",513,"infrastructure",{"id":380,"name":381,"points":382,"category":20},"19216428","ICONSVG",227,{"id":384,"name":385,"points":386,"category":20},"19252276","Bullet",189,{"id":388,"name":389,"points":390,"category":391},"19257241","Hack Club Bank",141,"web_saas",{"id":393,"name":394,"points":395,"category":396},"19234664","Portal Spaces",95,"productivity",false,"v2",{"id":400,"name":5,"line":6,"ai":397,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":401,"maker":11,"domain":10,"tier":19,"attempts":43,"strip":402,"url":9,"mix":403,"praise":104,"objection":120,"sub":21},19224141,[24,25,26,27,28],"0000000030100001333001110000313501550133",[32,33,34,35],1794036575082]