[{"data":1,"prerenderedAt":262},["ShallowReactive",2],{"project-9073984":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":42,"post_text":44,"what":45,"said":74,"maker_in_thread":151,"shape":162,"grid":165,"attempts":204,"same_week":224,"maker_shows":191,"maker_hidden":254,"reader_version":255,"card":256},"9073984","MUI","Lightweight Material Design CSS Framework","title","Show HN: MUI – Lightweight Material Design CSS Framework","https:\u002F\u002Fwww.muicss.com","muicss.com","andres",1424354601,2015,56,19,505,2565,20,"notable","languages","css framework","library",[24,21,25,26],"material design","lightweight css","front-end framework","roasted",-0.319,{"positive":30,"neutral":31,"mixed":32,"critical":33},1,4,0,6,11,{"execution":36,"performance":37,"idea":38,"design":39,"docs":41},{"positive":32,"critical":30},{"positive":32,"critical":30},{"positive":32,"critical":32},{"positive":30,"critical":40},3,{"positive":32,"critical":32},[32,30,32,30,40,30,32,30,32,40,32,32,43,40,40,30,30,32],5,null,{"problem":46,"audience":44,"pricing":44,"motivation":44,"time_to_build":44,"stack":55,"openness":71,"stage":72,"team_size":73},{"value":47,"source":48,"evidence":49},"Lets sites use Material Design styling without a heavy framework","maker",[50,52],{"id":51},"post",{"id":53,"by":11,"text":54},"9076623","Agreed! By design MUI only implements some of the core features of Material Design so that sites don't start to feel like they were designed with a certain framework.",[56,64],{"value":57,"source":58,"evidence":59},"CSS","commenter",[60],{"id":61,"by":62,"text":63},"9075971","grimgrin","https:\u002F\u002Fgithub.com\u002Famorey\u002Fmui",{"value":65,"source":58,"evidence":66},"JavaScript",[67],{"id":68,"by":69,"text":70},"9074940","flohofwoe","Wow, the name brings back Amiga memories, MUI (Magic User Interface) was a modern alternative to the standard UI (called Intuition) (link: http:\u002F\u002Fwww.sasg.com\u002Fmui\u002Findex.html)","open_source","launched","unknown",{"praise":75,"objections":90,"requests":125,"questions":133,"alternatives":142},[76,83],{"value":77,"source":58,"evidence":78},"Nice and simple",[79],{"id":80,"by":81,"text":82},"9074013","skyfantom","Nice and simple.)",{"value":84,"source":58,"evidence":85},"Much lighter than Bootstrap-based alternatives",[86],{"id":87,"by":88,"text":89},"9075526","arocks","If you are interested in a Bootstrap based theme, do check out Bootswatch Paper [1]. MUI is definitely a much lighter option though. [1]: http:\u002F\u002Fbootswatch.com\u002Fpaper\u002F",[91,97,104,114],{"value":92,"source":58,"evidence":93},"Dropdown menu does not expand when clicking the arrow",[94],{"id":95,"by":62,"text":96},"9075960","The dropdown is funky. I haven't dug into the `why`, but if you click on the actual ▼ character, the menu doesn't expand. Gotta find the sweet spot, cause at first you might…",{"value":98,"source":58,"evidence":99},"Site not loading",[100],{"id":101,"by":102,"text":103},"9075643","AngeloAnolin","Site is not loading. I can only view cached version (via Google) http:\u002F\u002Fwebcache.googleusercontent.com\u002Fsearch?q=cache:https:\u002F\u002Fwww.muicss.com\u002F",{"value":105,"source":58,"evidence":106},"Drawer animation too fast and abrupt; underline not animated",[107,111],{"id":108,"by":109,"text":110},"9078730","bsimpson","The most compelling part of Material is the tweening. I don't see many tweens on your demo page, and the ones that are there feel too abrupt.",{"id":112,"by":109,"text":113},"9078920","- The drawer is too fast and it has no easing. It also instantly vanishes when you dismiss it. - The underline on the E-mail Address field isn't animated at all.",{"value":115,"source":58,"evidence":116},"Dislike of Material Design look and feel",[117,121],{"id":118,"by":119,"text":120},"9076527","anarchy8","Am I alone in disliking Material Design? After upgrading Android, I feel like the previous UI was more intuitive. Now its spreading to the web",{"id":122,"by":123,"text":124},"9080808","CatsoCatsoCatso","You're not alone, I don't like it either. There's nothing which I can pin-point as being 'bad' about it, I just plain don't enjoy the look or feel.",[126],{"value":127,"source":58,"evidence":128},"Include the drawer component in the framework",[129],{"id":130,"by":131,"text":132},"9080352","wirddin","Planning to include it? :D",[134],{"value":135,"source":58,"evidence":136},"Where is the GitHub repo?",[137,141],{"id":138,"by":139,"text":140},"9075948","luisrudge","What? No github repo?",{"id":61,"by":62,"text":63},[143,147],{"value":144,"source":58,"evidence":145},"Bootswatch Paper",[146],{"id":87,"by":88,"text":89},{"value":148,"source":58,"evidence":149},"Magic User Interface (Amiga)",[150],{"id":68,"by":69,"text":70},{"comments":31,"answered":30,"key":152},[153,156,159],{"id":154,"text":155},"9076601","Thanks! I'll take a look at the pull request.",{"id":157,"text":158},"9078803","Can you point out which animations feel too abrupt?",{"id":160,"text":161},"9078968","Thanks! The drawer isn't a UI component provided by the framework (it's custom code in the documentation).",{"commenters":163,"max_depth":43,"maker_replies":31,"first_comment_mins":33,"lifespan_hours":164},13,26,[166,168,170,172,175,177,179,181,182,184,185,187,188,190,193,194,199,203],[68,32,32,167,69,32],"other\u002Fneutral\u002Fnone",[95,30,30,169,62,32],"project\u002Fcritical\u002Fexecution",[154,30,32,171,11,30],"maker\u002Fpositive\u002Fexecution",[101,173,30,174,102,32],2,"project\u002Fcritical\u002Fperformance",[87,40,40,176,88,32],"project\u002Fneutral\u002Fidea",[108,31,30,178,109,32],"project\u002Fcritical\u002Fdesign",[157,31,32,180,11,30],"maker\u002Fneutral\u002Fdesign",[112,31,30,178,109,32],[160,31,32,183,11,30],"maker\u002Fneutral\u002Fnone",[130,31,40,183,131,32],[118,43,32,186,119,32],"other\u002Fcritical\u002Fdesign",[122,43,32,186,123,32],[80,33,43,189,81,32],"project\u002Fpositive\u002Fdesign",[138,191,40,192,139,32],7,"project\u002Fneutral\u002Fdocs",[61,191,40,192,62,32],[195,196,30,197,198,32],"9076546",8,"project\u002Fcritical\u002Fnone","oliv__",[200,201,30,178,202,32],"9076122",9,"ocdtrekkie",[53,201,32,180,11,30],[205,206,211,215,218,221],{"id":4,"t":12,"points":14,"comments":15},{"id":207,"t":208,"points":209,"comments":210},"9838148",1436180302,50,21,{"id":212,"t":213,"points":214,"comments":32},"10973187",1453813690,10,{"id":216,"t":217,"points":43,"comments":32},"10979198",1453888534,{"id":219,"t":220,"points":30,"comments":32},"11526443",1461069005,{"id":222,"t":223,"points":30,"comments":32},"11527620",1461079623,[225,230,235,239,244,249],{"id":226,"name":227,"points":228,"category":229},"9096002","visadoor H1B salary histogram",322,"learning_science",{"id":231,"name":232,"points":233,"category":234},"9076558","Gun v0.1.0",173,"data",{"id":236,"name":237,"points":238,"category":229},"9072842","SQL Teaching",166,{"id":240,"name":241,"points":242,"category":243},"9087108","Exa",132,"dev_tools",{"id":245,"name":246,"points":247,"category":248},"9089778","RemoteOK",100,"productivity",{"id":250,"name":251,"points":252,"category":253},"9109775","DonglePi",92,"hardware",false,"v2",{"id":257,"name":5,"line":6,"ai":254,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":258,"top":18,"kw":259,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":260,"url":9,"mix":261,"praise":77,"objection":92,"sub":21},9073984,-0.32,[24,21,25,26],"010131010300533110",[30,31,32,33],1794036528583]