[{"data":1,"prerenderedAt":438},["ShallowReactive",2],{"project-47427299":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":46,"post_text":47,"what":48,"said":90,"maker_in_thread":187,"shape":200,"grid":203,"attempts":399,"same_week":400,"maker_shows":18,"maker_hidden":430,"reader_version":431,"card":432},"47427299","SVG backgrounds","48 lightweight SVG backgrounds you can copy\u002Fpaste","title","Show HN: I built 48 lightweight SVG backgrounds you can copy\u002Fpaste","https:\u002F\u002Fwww.svgbackgrounds.com\u002Fset\u002Ffree-svg-backgrounds-and-patterns\u002F","svgbackgrounds.com","visiwig",1773849044,2026,403,67,83,4366,2,"legend","creative","svg background patterns","web_app",[24,25,26,27,28],"svg backgrounds","svg patterns","css background","copy paste svg","data uri","mixed",0.269,{"positive":32,"neutral":33,"mixed":34,"critical":35},15,13,3,5,36,{"design":38,"execution":39,"pricing":41,"idea":43,"docs":45},{"positive":18,"critical":18},{"positive":40,"critical":18},1,{"positive":42,"critical":42},0,{"positive":44,"critical":40},4,{"positive":40,"critical":42},[34,34,34,34,34,40,34,40,35,34,35,42,34,35,40,35,42,42,35,40,35,40,35,35,35,42,34,35,42,35,42,35,42,42,42,42,35,35,34,35],null,{"problem":49,"audience":47,"pricing":56,"motivation":47,"time_to_build":47,"stack":64,"openness":87,"stage":88,"team_size":89},{"value":50,"source":51,"evidence":52},"Provides ready-made SVG background patterns that can be copied as inline SVG or CSS","maker",[53],{"id":54,"by":11,"text":55},"47427300","Each one can be copied as inline SVG or CSS using the background-image property with a data URI. Most are under 1KB.",{"value":57,"source":58,"evidence":59},"Free access with license; a commenter says access usually costs $120\u002Fyr","commenter",[60],{"id":61,"by":62,"text":63},"47432318","andai","You have access. Enjoy! Edit: upon further investigation, access isn't something that's just thrown around willy nilly! It usually goes for $120\u002Fyr!",[65,75,79,83],{"value":66,"source":51,"evidence":67},"SVG",[68,72],{"id":69,"by":70,"text":71},"47432533","Theodores","What is your authoring tool for SVG? The SVG code is well written. It is neither Adobe bloat-spam-slop and neither is it overly SVGOMG'd. For picky SVG people you could have some…",{"id":73,"by":11,"text":74},"47434931","Hey great eye. I generally design in Illustrator with a plugin by Astute graphics that allows me to reduce unnecessary anchor points, run the exported SVG through SVGOMG, and…",{"value":76,"source":51,"evidence":77},"Adobe Illustrator",[78],{"id":73,"by":11,"text":74},{"value":80,"source":51,"evidence":81},"SVGOMG",[82],{"id":73,"by":11,"text":74},{"value":84,"source":51,"evidence":85},"VS Code",[86],{"id":73,"by":11,"text":74},"unknown","launched","solo",{"praise":91,"objections":115,"requests":152,"questions":167,"alternatives":186},[92,107,111],{"value":93,"source":58,"evidence":94},"Beautiful, well-made backgrounds",[95,99,103],{"id":96,"by":97,"text":98},"47431142","throwaway2046","These are beautiful, thank you for sharing. I really like the one with the triangles, was it inspired by Rule 30? https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FRule_30",{"id":100,"by":101,"text":102},"47432047","pseudosavant","I'm a sucker for this kind of stuff, but I'm usually disappointed after clicking the link. These on the other hand are excellent, and that they have configurable options like…",{"id":104,"by":105,"text":106},"47432237","thekevan","This is top notch, great work!",{"value":108,"source":58,"evidence":109},"Clean SVG code",[110],{"id":69,"by":70,"text":71},{"value":112,"source":58,"evidence":113},"Configurable options like stroke and color",[114],{"id":100,"by":101,"text":102},[116,131,138,145],{"value":117,"source":58,"evidence":118},"Some patterns break in Firefox until sliders are moved",[119,123,127],{"id":120,"by":121,"text":122},"47432581","BoppreH","Those are excellent! The orange shingles are my favorite. Though I think some of them are not working on Firefox; the blue and green vortices are rendered as a single blue…",{"id":124,"by":125,"text":126},"47435049","ksymph","Hmm, the parabolic ones seem to be broken? Both on FF and Chromium, they just display as an outline of a single shape on a black background.",{"id":128,"by":129,"text":130},"47435128","lelanthran","> Hmm, the parabolic ones seem to be broken? Both on FF and Chromium, they just display as an outline of a single shape on a black background. Move the sliders.",{"value":132,"source":58,"evidence":133},"Preview does not work with Dark Reader enabled",[134],{"id":135,"by":136,"text":137},"47439752","shellerik","FYI - the previews do not work if you have the Dark Reader plugin enabled in your browser.",{"value":139,"source":58,"evidence":140},"Sticky access notice takes up much of mobile screen",[141],{"id":142,"by":143,"text":144},"47431482","hju22_-3","The notice about having \"access\" to the backgrounds is sticky, and takes up one third of the screen on mobile with no way to remove it . . . Why?",{"value":146,"source":58,"evidence":147},"Hover blurs the preview",[148],{"id":149,"by":150,"text":151},"47432947","jjwiseman","I find it odd that there's a custom of blurring or obscuring exactly the thing I'm interested in when I show interest in it by mousing over it.",[153,160],{"value":154,"source":58,"evidence":155},"Add visible textarea with the CSS instead of only click-to-copy",[156],{"id":157,"by":158,"text":159},"47434072","wackget","These are great. Please consider adding a visible \u003Ctextarea> with the CSS instead of relying on \"click to copy\" buttons. For security reasons, some users\u002Fbrowsers disable access…",{"value":161,"source":58,"evidence":162},"Show pattern names on mobile",[163],{"id":164,"by":165,"text":166},"47432987","yesthisiswes","These are awesome! I’d love to use some of these for my solitaire game. Weird thing when I preview one of the backgrounds then scroll down the page on mobile the images…",[168,175,179],{"value":169,"source":58,"evidence":170},"What license applies?",[171],{"id":172,"by":173,"text":174},"47427398","starkparker","What's the license?",{"value":176,"source":58,"evidence":177},"What SVG authoring tool is used?",[178],{"id":69,"by":70,"text":71},{"value":180,"source":58,"evidence":181},"Is the project new or old?",[182],{"id":183,"by":184,"text":185},"47431713","aerhardt","This is very cool but hasn’t it been around for like a decade?",[],{"comments":188,"answered":189,"key":190},22,8,[191,194,197],{"id":192,"text":193},"47434713","Solid point, I used to do this, and it wouldn't be hard to go back or add a show code button so users can copy the CSS as text.",{"id":195,"text":196},"47434771","I took a look at FireFox and I think it's working, but not obvious that you need to slide the top range slider for the full effect. It would look better if I reversed the effect,…",{"id":198,"text":199},"47434742","Fair point. Once you click a thumb to preview the button, it becomes the UI to manipulate the backgrounds. I'll take a look and rethink the setup.",{"commenters":201,"max_depth":44,"maker_replies":188,"first_comment_mins":42,"lifespan_hours":202},43,156,[204,206,208,210,213,215,218,220,223,225,227,229,230,231,233,237,239,241,244,249,254,257,259,261,264,268,270,273,275,278,279,282,284,288,290,293,294,296,297,299,301,305,307,309,311,316,318,321,323,326,328,332,334,337,341,344,346,349,352,354,357,360,363,365,368,371,373,377,381,383,387,391,396],[157,42,34,205,158,42],"project\u002Fneutral\u002Fdesign",[192,42,42,207,11,40],"maker\u002Fneutral\u002Fdesign",[120,40,34,209,121,42],"project\u002Fmixed\u002Fexecution",[211,40,34,205,212,42],"47432644","echoangle",[214,40,34,205,121,42],"47432674",[216,40,34,205,217,42],"47439483","dietr1ch",[195,40,42,219,11,40],"project\u002Fneutral\u002Fexecution",[221,40,34,209,222,42],"47439394","sickmartian",[224,40,34,219,129,42],"47435150",[142,18,40,226,143,42],"project\u002Fcritical\u002Fdesign",[61,18,34,228,62,42],"project\u002Fneutral\u002Fpricing",[198,18,42,207,11,40],[149,34,40,226,150,42],[232,34,42,207,11,40],"47441642",[234,44,35,235,236,42],"47437350","project\u002Fpositive\u002Fdesign","dirkc",[238,44,42,207,11,40],"47441547",[96,35,34,240,97,42],"project\u002Fneutral\u002Fidea",[242,35,42,243,11,40],"47435132","maker\u002Fneutral\u002Fidea",[245,246,42,247,248,42],"47433034",6,"other\u002Fneutral\u002Fnone","gerdesj",[250,251,35,252,253,42],"47434494",7,"maker\u002Fpositive\u002Fnone","karlshea",[255,251,42,256,11,40],"47435147","maker\u002Fneutral\u002Fnone",[54,189,42,258,11,40],"project\u002Fneutral\u002Fdocs",[164,260,34,209,165,42],9,[262,260,42,263,11,40],"47434856","maker\u002Fneutral\u002Fexecution",[265,266,35,252,267,42],"47433518",10,"democracy",[269,266,42,256,11,40],"47435088",[183,271,40,272,184,42],11,"project\u002Fcritical\u002Fidea",[274,271,42,256,11,40],"47434874",[69,276,35,277,70,42],12,"project\u002Fpositive\u002Fexecution",[73,276,42,263,11,40],[280,276,42,281,70,42],"47455797","commenter\u002Fneutral\u002Fnone",[283,276,42,256,11,40],"47512854",[285,33,35,286,287,42],"47430295","project\u002Fpositive\u002Fnone","dormento",[289,33,42,256,11,40],"47430374",[124,291,40,292,125,42],14,"project\u002Fcritical\u002Fexecution",[128,291,34,219,129,42],[295,291,42,281,125,42],"47439515",[100,32,35,235,101,42],[298,32,42,256,11,40],"47434887",[135,300,40,292,136,42],16,[302,303,35,286,304,42],"47436243",17,"rcarmo",[306,303,42,256,11,40],"47440973",[104,308,35,286,105,42],18,[310,308,42,256,11,40],"47434880",[312,313,35,314,315,42],"47430442",19,"project\u002Fpositive\u002Fidea","dylanhouli",[317,313,42,256,11,40],"47430622",[319,313,42,281,320,42],"47432726","Frannky",[322,313,42,281,315,42],"47434666",[172,324,34,325,173,42],20,"project\u002Fneutral\u002Fnone",[327,324,42,258,11,40],"47427662",[329,330,35,314,331,42],"47438327",21,"termwatch",[333,330,42,256,11,40],"47441648",[335,188,35,286,336,42],"47464272","Ashkaan",[338,339,42,247,340,42],"47437277",23,"lakpahana",[342,343,42,247,320,42],"47432549",24,[345,343,42,247,320,42],"47432572",[347,343,42,247,348,42],"47433110","j45",[350,343,35,286,351,42],"47434222","mikodin",[353,343,42,247,11,40],"47435073",[355,343,42,247,356,42],"47436761","oniony",[358,343,42,247,359,42],"47435985","postsantum",[361,343,42,281,362,42],"47436268","lukan",[364,343,42,281,267,42],"47436933",[366,343,42,281,367,42],"47437503","owebmaster",[369,343,42,281,370,42],"47437572","ohyoutravel",[372,343,35,314,370,42],"47437594",[374,375,34,325,376,42],"47435201",25,"3duardol1m455",[378,379,35,314,380,42],"47432249",26,"shah4as1",[382,379,42,256,11,40],"47434888",[384,385,34,325,386,42],"47433269",27,"realaliarain74",[388,389,34,258,390,42],"47431617",28,"HalawehMohann49",[392,393,35,394,395,42],"47433524",29,"project\u002Fpositive\u002Fdocs","AbrarTheCrypt34",[397,393,34,325,398,42],"47433667","tclancy",[],[401,406,411,416,420,425],{"id":402,"name":403,"points":404,"category":405},"47344548","s@",414,"languages",{"id":407,"name":408,"points":409,"category":410},"47378781","Hacker News archive (open-index)",408,"data",{"id":412,"name":413,"points":414,"category":415},"47400868","Godogen",337,"dev_tools",{"id":417,"name":418,"points":419,"category":415},"47412569","zeroboot",311,{"id":421,"name":422,"points":423,"category":424},"47428650","Will my flight have Starlink?",276,"consumer_social",{"id":426,"name":427,"points":428,"category":429},"47431671","llm-circuit-finder",265,"ai",false,"v2",{"id":433,"name":5,"line":6,"ai":430,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":434,"top":18,"kw":435,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":436,"url":9,"mix":437,"praise":93,"objection":117,"sub":21},47427299,0.27,[24,25,26,27,28],"3333313153503515005151555035050500005535",[32,33,34,35],1793991148476]