[{"data":1,"prerenderedAt":502},["ShallowReactive",2],{"project-29349079":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":5,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":48,"post_text":49,"what":50,"said":105,"maker_in_thread":208,"shape":219,"grid":223,"attempts":459,"same_week":464,"maker_shows":33,"maker_hidden":494,"reader_version":495,"card":496},"29349079","shuffle.dev","Randomly create beautiful website layouts","title","Show HN: Randomly create beautiful website layouts","https:\u002F\u002Fshuffle.dev\u002Fsetup","kemyd",1637923778,2021,317,89,111,2533,5,"legend","web_saas","website builder","web_app",[23,24,25,26,27],"website layout generator","ui components","landing page templates","tailwind","html css export","mixed",0.134,{"positive":31,"neutral":32,"mixed":33,"critical":34},16,11,4,9,40,{"idea":37,"design":40,"pricing":42,"performance":43,"docs":44,"privacy":46,"execution":47},{"positive":38,"critical":39},2,0,{"positive":17,"critical":41},3,{"positive":38,"critical":38},{"positive":39,"critical":38},{"positive":45,"critical":39},1,{"positive":39,"critical":45},{"positive":45,"critical":39},[17,41,17,41,17,39,45,45,45,39,17,17,17,41,39,17,41,45,39,17,17,39,41,39,39,17,45,17,41,39,41,45,41,41,41,41,39,41,17,45],null,{"problem":51,"audience":58,"pricing":70,"motivation":81,"time_to_build":49,"stack":85,"openness":102,"stage":103,"team_size":104},{"value":52,"source":53,"evidence":54},"Building website layouts is slow; randomizing ready-made UI components speeds up layout creation.","maker",[55],{"id":56,"by":10,"text":57},"29349117","Hey! We wondered what to do to make building layouts even faster while adding more fun elements to our daily work. After a while, the inspiration came! Why not randomize the…",{"value":59,"source":60,"evidence":61},"Developers and non-designers building landing pages.","inferred",[62,66],{"id":63,"by":64,"text":65},"29350512","chiefalchemist","So the output is markup, CSS and JS and I can take that and do whatever I want with it? Similar to Bootstrap Studio, if you're familiar with that tool? I'm intrigued :) Two…",{"id":67,"by":68,"text":69},"29352300","bladegash","Believe it or not, not everything needs to be bleeding-edge creative and new. I have personally found Shuffle to be a fantastic tool for personal projects, especially when I…",{"value":71,"source":72,"evidence":73},"Monthly subscription about $24\u002Fmonth; lifetime license offered, with plans to remove lifetime licenses.","commenter",[74,78],{"id":75,"by":76,"text":77},"29352302","arendtio","Wow! I like the idea and the execution very much. However, the pricing model is not so much my taste. The Lifetime license seems somewhat cheap, but $24 per month feels a bit…",{"id":79,"by":10,"text":80},"29353008","Hey, thanks for your feedback. We have plans to remove lifetime licenses early next year.",{"value":82,"source":53,"evidence":83},"Make building layouts faster and add fun, slot-machine-style randomness to daily work.",[84],{"id":56,"by":10,"text":57},[86,92,96],{"value":87,"source":53,"evidence":88},"Tailwind CSS",[89],{"id":90,"by":10,"text":91},"29350832","Hey, Yes, we export HTML\u002FCSS and source files (Scss or Tailwind JS config). Here you have example projects exported: https:\u002F\u002Fshuffle.dev\u002Fstatic\u002Ffiles\u002Fexample.zip We will release…",{"value":93,"source":53,"evidence":94},"SCSS",[95],{"id":90,"by":10,"text":91},{"value":97,"source":53,"evidence":98},"Material-UI (JSX)",[99],{"id":100,"by":10,"text":101},"29350908","Hey, We export standard HTML\u002FCSS files (or JS \u002F JSX for Material-UI libraries). You can publish them via Netlify (as mentioned above) or any other hosting for static pages. You…","unknown","launched","company",{"praise":106,"objections":130,"requests":157,"questions":183,"alternatives":192},[107,122],{"value":108,"source":72,"evidence":109},"Clever, fun idea with good execution",[110,114,118],{"id":111,"by":112,"text":113},"29349886","onassar","Really gr8. Clever idea :)",{"id":115,"by":116,"text":117},"29349946","toinbis","Wonderful idea, great implementation! Would love to see you guys partnering with TailwindUI somehow. That's my default go-to ui widgets library (it's not open source, so it might…",{"id":119,"by":120,"text":121},"29350431","thomcano","This is a great execution on your part, I have been planning to create a website, and then I saw this post; I had fun tinkering at the shuffle editor. I think I'll consider this…",{"value":123,"source":72,"evidence":124},"Useful for personal projects and quick designs",[125,126],{"id":67,"by":68,"text":69},{"id":127,"by":128,"text":129},"29352781","guzik","I've been a shuffle.dev user for a very long period. After some time I learned the CSS and HTML to the point I no longer need Shuffle, but still - one of my fav web builders.",[131,142,150],{"value":132,"source":72,"evidence":133},"Layouts look generic and cookie-cutter",[134,138],{"id":135,"by":136,"text":137},"29352229","nauticacom","Alternate, more accurate title: Create cookie-cutter website layouts that look like every other bland landing page. Bonus points if they use Tailwind.",{"id":139,"by":140,"text":141},"29350072","marban","A million layouts that will make you look like everybody else ;)",{"value":143,"source":72,"evidence":144},"Monthly pricing considered expensive; lifetime plan preferred",[145,146],{"id":75,"by":76,"text":77},{"id":147,"by":148,"text":149},"29356053","testmasterflex","Could pay for lifetime. Would never pay for monthly for this service.",{"value":151,"source":72,"evidence":152},"Signup\u002Fpaywall needed to try demo",[153],{"id":154,"by":155,"text":156},"29352755","the_arun","Why demo site is taking me to a paywall\u002Fcreate account in the next click? Couldn't you let us play without signing up? or am I missing another flow?",[158,165,172],{"value":159,"source":72,"evidence":160},"Export to Next.js",[161],{"id":162,"by":163,"text":164},"29350847","sandGorgon","this is awesome! can you not export to nextjs ?",{"value":166,"source":72,"evidence":167},"More minimalist, accessible layouts",[168],{"id":169,"by":170,"text":171},"29358053","Abishek_Muthian","Congratulations on the launch! I like that it's possible to tryout the editor without login. Could you consider adding some minimalist, text-focused, animation-free, no-framework…",{"value":173,"source":72,"evidence":174},"Blog-style and simpler page templates",[175,179],{"id":176,"by":177,"text":178},"29350166","wink","The idea is great, but I was surprised there's not a single \"page template\" that looks like a boring old wordpress blog, i.e. 2 column layout with maybe a header nav.",{"id":180,"by":181,"text":182},"29350549","jhvkjhk","Are there any similar tools but for simple blogs? I find it very hard to design a simple but not dull blog layout because you don't have many pictures to show like a commercial…",[184,188],{"value":185,"source":72,"evidence":186},"Is the exported output plain HTML\u002FCSS and JS usable outside the tool?",[187],{"id":63,"by":64,"text":65},{"value":189,"source":72,"evidence":190},"How accessible are the layouts?",[191],{"id":63,"by":64,"text":65},[193,197,201],{"value":194,"source":72,"evidence":195},"TailwindUI",[196],{"id":115,"by":116,"text":117},{"value":198,"source":72,"evidence":199},"Bootstrap Studio",[200],{"id":63,"by":64,"text":65},{"value":202,"source":72,"evidence":203},"Template kits",[204],{"id":205,"by":206,"text":207},"29352099","kleiba","I think it's a great idea, but perhaps it's not different enough from a collection of templates that you can scroll through (which are also in some \"random\" order, of course)?",{"comments":209,"answered":210,"key":211},31,15,[212,213,216],{"id":56,"text":57},{"id":214,"text":215},"29349890","Thanks!",{"id":217,"text":218},"29353035","Hey, if you don't trust our random algorithms, you can browse all our UI components linearly here: https:\u002F\u002Fshuffle.dev\u002Fcomponents",{"commenters":220,"max_depth":17,"maker_replies":209,"first_comment_mins":221,"lifespan_hours":222},49,7,84,[224,226,228,230,232,234,238,241,243,245,249,252,256,259,261,265,268,270,274,276,280,282,285,288,289,291,294,295,297,299,301,304,306,308,311,314,316,319,321,325,326,328,331,332,334,337,339,341,344,346,349,353,356,357,360,363,365,367,370,375,378,382,384,386,388,391,393,394,396,398,400,402,407,409,413,418,420,425,427,431,433,437,439,441,445,449,452,455,457],[56,39,39,225,10,45],"maker\u002Fneutral\u002Fidea",[111,39,17,227,112,39],"project\u002Fpositive\u002Fidea",[214,39,39,229,10,45],"maker\u002Fpositive\u002Fnone",[205,39,41,231,206,39],"project\u002Fmixed\u002Fidea",[217,39,39,233,10,45],"project\u002Fneutral\u002Fidea",[235,39,17,236,237,39],"29354770","project\u002Fpositive\u002Fdesign","pokepim",[239,39,39,240,10,45],"29355014","maker\u002Fneutral\u002Fdesign",[75,39,41,242,76,39],"project\u002Fmixed\u002Fpricing",[79,39,39,244,10,45],"maker\u002Fneutral\u002Fpricing",[246,39,17,247,248,39],"29353335","project\u002Fpositive\u002Fpricing","triptych",[250,39,41,242,251,39],"29356498","programmarchy",[253,39,39,254,255,39],"29352317","other\u002Fneutral\u002Fnone","rambambram",[257,39,39,258,10,45],"29353012","commenter\u002Fneutral\u002Fnone",[260,39,39,258,255,39],"29363452",[262,39,45,263,264,39],"29352956","project\u002Fcritical\u002Fperformance","jcynix",[266,39,39,267,10,45],"29352978","maker\u002Fneutral\u002Fnone",[269,39,45,263,264,39],"29353152",[271,39,41,272,273,39],"29352960","project\u002Fneutral\u002Fnone","awestroke",[275,39,39,267,10,45],"29352995",[277,39,45,278,279,39],"29354348","maker\u002Fcritical\u002Fnone","lfnoise",[281,39,39,267,10,45],"29354494",[283,39,39,254,284,39],"29356437","Animats",[286,39,39,254,287,39],"29366914","tomcam",[169,39,17,236,170,39],[290,39,39,267,10,45],"29367354",[292,39,17,227,293,39],"29359681","ddoice",[115,45,17,247,116,39],[296,45,39,267,10,45],"29349968",[298,45,39,258,116,39],"29349978",[300,45,41,272,68,39],"29350080",[302,45,39,254,303,39],"29350118","steve_adams_86",[305,45,39,258,68,39],"29350477",[307,45,39,267,10,45],"29350232",[309,45,17,310,68,39],"29350449","project\u002Fpositive\u002Fnone",[312,45,41,313,237,39],"29354840","project\u002Fneutral\u002Fdesign",[147,45,45,315,148,39],"project\u002Fcritical\u002Fpricing",[317,38,17,236,318,39],"29353233","mtc010170",[320,38,39,267,10,45],"29354612",[322,41,45,323,324,39],"29353180","project\u002Fcritical\u002Fdesign","TruthWillHurt",[139,33,45,323,140,39],[327,33,39,240,10,45],"29350079",[329,33,39,254,330,39],"29359042","djhn",[63,17,17,310,64,39],[90,17,39,333,10,45],"maker\u002Fneutral\u002Fdocs",[335,17,17,336,64,39],"29352853","maker\u002Fpositive\u002Fdocs",[127,338,17,310,128,39],6,[340,338,39,267,10,45],"29352951",[342,221,39,254,343,39],"29350412","Crazyontap",[345,221,39,254,10,45],"29350593",[347,221,39,254,348,39],"29350625","asicsp",[350,351,41,272,352,39],"29350468",8,"nvilcins",[354,351,39,254,355,39],"29350840","Dangeranger",[100,351,39,333,10,45],[358,351,39,254,359,39],"29354801","codetrotter",[361,34,39,254,362,39],"29356706","volkandkaya",[119,364,17,236,120,39],10,[366,364,39,267,10,45],"29350439",[368,32,39,254,369,39],"29354412","stanislavb",[371,372,45,373,374,39],"29354390",12,"project\u002Fcritical\u002Fprivacy","mawise",[376,372,39,377,10,45],"29354600","maker\u002Fneutral\u002Fprivacy",[379,380,17,236,381,39],"29352879",13,"jawmes9",[383,380,17,310,248,39],"29353237",[180,385,41,313,181,39],14,[387,385,39,267,10,45],"29350866",[389,210,39,254,390,39],"29351930","SMAAART",[392,210,39,258,10,45],"29352023",[176,31,41,313,177,39],[395,31,39,233,10,45],"29350399",[135,397,45,323,136,39],17,[399,397,39,258,10,45],"29352236",[67,397,39,401,68,39],"commenter\u002Fpositive\u002Fnone",[403,404,41,405,406,39],"29351043",18,"project\u002Fmixed\u002Fdesign","uxcolumbo",[408,404,39,267,10,45],"29351080",[410,411,41,233,412,39],"29356391",19,"rmbyrro",[414,415,41,416,417,39],"29351981",20,"project\u002Fneutral\u002Fexecution","Lucasoato",[419,415,39,333,10,45],"29351995",[421,422,41,423,424,39],"29355017",21,"project\u002Fneutral\u002Fpricing","somebodythere",[426,422,39,267,10,45],"29355024",[428,429,41,313,430,39],"29352272",22,"EGreg",[432,429,39,333,10,45],"29354628",[434,435,39,254,436,39],"29351421",23,"deft",[438,435,39,267,10,45],"29351507",[440,435,39,401,436,39],"29353069",[442,443,41,423,444,39],"29386219",24,"johnthescott",[446,447,17,310,448,39],"29353955",25,"shaolinspirit",[162,450,17,451,163,39],26,"project\u002Fpositive\u002Fexecution",[453,450,39,454,10,45],"29352005","maker\u002Fneutral\u002Fexecution",[154,456,45,315,155,39],27,[458,456,39,333,10,45],"29352808",[460,463],{"id":461,"t":462,"points":338,"comments":39},"29330520",1637765648,{"id":4,"t":11,"points":13,"comments":14},[465,470,475,479,484,489],{"id":466,"name":467,"points":468,"category":469},"29368552","4K Desktop Wallpaper Generator",258,"creative",{"id":471,"name":472,"points":473,"category":474},"29406112","Neko",227,"infrastructure",{"id":476,"name":477,"points":478,"category":19},"29381055","Security Camera Lens Calculator",178,{"id":480,"name":481,"points":482,"category":483},"29391107","py_regular_expressions interactive exercises",175,"learning_science",{"id":485,"name":486,"points":487,"category":488},"29369877","Life Simulation",169,"games",{"id":490,"name":491,"points":492,"category":493},"29359966","Mood2Movie",163,"consumer_social",false,"v2",{"id":497,"name":5,"line":6,"ai":494,"cat":19,"year":12,"points":13,"comments":14,"rec":28,"s":498,"top":17,"kw":499,"maker":10,"domain":5,"tier":18,"attempts":38,"strip":500,"url":9,"mix":501,"praise":108,"objection":132,"sub":20},29349079,0.13,[23,24,25,26,27],"5353501110555305310550300515303133330351",[31,32,33,34],1793991036648]