[{"data":1,"prerenderedAt":348},["ShallowReactive",2],{"project-32568423":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":34,"aspects":35,"strip":43,"post_text":45,"what":46,"said":74,"maker_in_thread":202,"shape":212,"grid":215,"attempts":310,"same_week":311,"maker_shows":39,"maker_hidden":340,"reader_version":341,"card":342},"32568423","react-design-editor","Open Source Canva Clone","title","Show HN: Open Source Canva Clone","https:\u002F\u002Fgithub.com\u002Flayerhub-io\u002Freact-design-editor","github.com","chloe-bm",1661276676,2022,232,43,219,2570,9,"notable","creative","graphic design editor","web_app",[24,25,26,27,28],"canva clone","design editor","react","graphic editor","open source","debated",0.008,{"positive":32,"neutral":32,"mixed":33,"critical":32},8,2,26,{"execution":36,"design":38,"idea":41,"docs":42},{"positive":33,"critical":37},3,{"positive":39,"critical":40},1,0,{"positive":40,"critical":33},{"positive":40,"critical":40},[40,37,40,44,37,39,44,37,39,39,37,39,40,40,40,40,39,40,37,40,37,37,40,39,40,37,37,40,44,39,44,37,40,44,40,37,40,40,40,44],5,null,{"problem":47,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":57,"openness":71,"stage":72,"team_size":73},{"value":48,"source":49,"evidence":50},"Creating graphic and presentation designs in the browser without Canva.","inferred",[51,54],{"id":52,"by":11,"text":53},"32568424","I am creating an open-source canva clone. Demo here: https:\u002F\u002Freact-editor-core.vercel.app\u002F",{"id":55,"by":11,"text":56},"32575488","All you need to create\u002Fcustomize your graphic\u002Fpresentation editor should be there. There are some other private packages that are optional: Exporting content in server side: PNG,…",[58,63],{"value":59,"source":49,"evidence":60},"React",[61],{"id":62},"post",{"value":64,"source":65,"evidence":66},"Fabric.js","commenter",[67],{"id":68,"by":69,"text":70},"32571059","zyang","Canva has many subtle behaviors, such as how it clips and pan photos, snapping and alignment. If you want to build something comparable I would recommend ditch fabricjs and roll…","open_source","beta","unknown",{"praise":75,"objections":102,"requests":139,"questions":162,"alternatives":178},[76,95],{"value":77,"source":65,"evidence":78},"Impressive work and a good start for an editor",[79,83,87,91],{"id":80,"by":81,"text":82},"32579425","cyral","Was this made by yourself? This is an impressive amount of work. I'm curious how did you make the editable text? It looks like it is inside the canvas rather than with regular…",{"id":84,"by":85,"text":86},"32581756","saasxyz","Impressive work. Will be checking the progress. Also, I see that you've hosted the project on Vercel, can it handle the heavy traffic from HN?",{"id":88,"by":89,"text":90},"32571377","tomcam","That is impressive and exciting. Thank you. I look forward to giving it a more serious spin when I am finished with my current project.",{"id":92,"by":93,"text":94},"32571823","redindian75","Great start!! Thanks for sharing! I couldnt get animate to work, but looking forward to use this as this matures.",{"value":96,"source":65,"evidence":97},"Canva-like view and feel",[98],{"id":99,"by":100,"text":101},"32574375","upen946","This is so cool. The view is also almost like Canva. Impressive so far.",[103,111,121,132],{"value":104,"source":65,"evidence":105},"Not truly open source; editor core lives in a private repo",[106,110],{"id":107,"by":108,"text":109},"32574307","joeldo","With all due respect, I think the title of this post should be amended as this is not Open Source. After perusing the Github repo, it looks like the actual editor logic is not…",{"id":55,"by":11,"text":56},{"value":112,"source":65,"evidence":113},"Appears to be a fork of other people's work without proper attribution",[114,118],{"id":115,"by":116,"text":117},"32584649","peppertree","Reposting my comment here for better visibility. To put it gently, this is a fork of other people's work without proper attribution. This should not be allowed on show HN.…",{"id":119,"by":116,"text":120},"32579531","Looks like this project was derivative work from this repo: https:\u002F\u002Fgithub.com\u002Fbharathreddyza\u002Freact-design-editor Which was then forked to scenify editor:…",{"value":122,"source":65,"evidence":123},"Demo broken: 404 error and video upload fails",[124,128],{"id":125,"by":126,"text":127},"32584860","NIL8","I'm getting: 404: NOT_FOUND",{"id":129,"by":130,"text":131},"32571042","tracyhenry","Is this demo meant to be working? I can't upload a video.",{"value":133,"source":65,"evidence":134},"Clones software but not Canva's assets and templates",[135],{"id":136,"by":137,"text":138},"32569781","braingenious","I love using Canva, but a large part of the value is the assets (images, fonts, templates etc) so I am not sure how I’d benefit from cloning just the software.",[140,148,155],{"value":141,"source":65,"evidence":142},"Add video animation support",[143,147],{"id":144,"by":145,"text":146},"32569364","jordemort","This is fun! Is there any way to animate things in a video, aside from importing another video?",{"id":92,"by":93,"text":94},{"value":149,"source":150,"evidence":151},"Import templates from PSD, AI, Figma and SVG","maker",[152],{"id":153,"by":11,"text":154},"32570112","New features are being implemented: Import templates from PSD, AI, Figma, SVG. Also, people can customize it at their own needs.",{"value":156,"source":65,"evidence":157},"Focus on one use case such as YouTube thumbnails",[158],{"id":159,"by":160,"text":161},"32589561","swyx","unsolicited request from a heavy canva user: dont stay too general - try to hyperoptimize for one usecase and win that instead of trying to compete on all fronts. I use Canva a…",[163,167,171],{"value":164,"source":65,"evidence":165},"Who built it and how is editable canvas text implemented?",[166],{"id":80,"by":81,"text":82},{"value":168,"source":65,"evidence":169},"Can the Vercel demo handle HN traffic?",[170],{"id":84,"by":85,"text":86},{"value":172,"source":65,"evidence":173},"How does it differ from Adobe Express?",[174],{"id":175,"by":176,"text":177},"32569510","hn2017","I've not heard much about Canva. How is it different than Adobe Express?",[179,187,195],{"value":180,"source":65,"evidence":181},"Canva",[182,186],{"id":183,"by":184,"text":185},"32574395","Brajeshwar","This is cool. What do you plan to do with it? Do you plan to commercialize it, show for a college project, augment your resume? Best of luck and good wishes. I like it and would…",{"id":175,"by":176,"text":177},{"value":188,"source":65,"evidence":189},"Adobe Express",[190,191],{"id":175,"by":176,"text":177},{"id":192,"by":193,"text":194},"32584655","jordandeneellis","Hi, I’m Jordan from the Adobe Express team. There are a few competing products and apps in this space, each with their own strengths. My personal favorite features in Adobe…",{"value":196,"source":65,"evidence":197},"Bannerbear",[198],{"id":199,"by":200,"text":201},"32574534","fookyong","(disclaimer, I'm the founder) Bannerbear.com can help you there - we generate PNGs \u002F PDFs based on data you send us either via API or Zapier. Would be very simple to set up what…",{"comments":32,"answered":203,"key":204},4,[205,206,209],{"id":52,"text":53},{"id":207,"text":208},"32570093","Feature being implemented",{"id":210,"text":211},"32574631","I think you can see some components here: https:\u002F\u002Fgithub.com\u002Flayerhub-io\u002Flayerhub-io\u002Ftree\u002Fmain\u002Fpackages",{"commenters":213,"max_depth":44,"maker_replies":32,"first_comment_mins":40,"lifespan_hours":214},27,35,[216,218,220,221,224,228,230,234,236,238,239,241,242,245,247,249,251,253,254,256,258,259,263,265,267,269,270,273,274,278,281,284,285,286,289,291,293,295,297,299,302,303,306],[52,40,40,217,11,39],"project\u002Fneutral\u002Fnone",[144,40,37,219,145,40],"project\u002Fneutral\u002Fexecution",[207,40,40,217,11,39],[222,40,44,223,89,40],"32571393","maker\u002Fpositive\u002Fnone",[225,40,37,226,227,40],"32570443","project\u002Fneutral\u002Fdesign","have_faith",[129,40,39,229,130,40],"project\u002Fcritical\u002Fexecution",[231,40,44,232,233,40],"32571338","project\u002Fpositive\u002Fnone","RedditKon",[183,40,37,235,184,40],"project\u002Fmixed\u002Fnone",[115,40,39,237,116,40],"project\u002Fcritical\u002Fnone",[125,40,39,229,126,40],[159,40,37,240,160,40],"project\u002Fneutral\u002Fidea",[68,39,39,229,69,40],[243,39,40,244,89,40],"32571350","commenter\u002Fneutral\u002Fnone",[246,39,40,244,69,40],"32571915",[248,39,40,244,89,40],"32573779",[250,39,40,244,116,40],"32572581",[252,39,40,244,89,40],"32573785",[107,33,39,237,108,40],[210,33,40,255,11,39],"maker\u002Fneutral\u002Fnone",[257,33,37,255,108,40],"32575251",[55,33,40,217,11,39],[260,33,37,261,262,40],"32575980","maker\u002Fneutral\u002Fdocs","yewenjie",[92,37,37,264,93,40],"project\u002Fmixed\u002Fexecution",[266,37,40,240,11,39],"32571913",[136,203,39,268,137,40],"project\u002Fcritical\u002Fidea",[153,203,40,217,11,39],[271,203,37,240,272,40],"32570137","mritchie712",[88,44,44,232,89,40],[275,276,39,268,277,40],"32575165",6,"debarshri",[279,276,40,244,280,40],"32575954","kamban",[80,282,44,283,81,40],7,"project\u002Fpositive\u002Fexecution",[119,282,39,237,116,40],[84,32,44,283,85,40],[287,18,37,240,288,40],"32570101","2Gkashmiri",[290,18,40,217,11,39],"32570139",[292,18,44,232,288,40],"32570205",[199,18,40,294,200,40],"other\u002Fneutral\u002Fnone",[175,296,37,240,176,40],10,[298,296,40,217,11,39],"32570152",[300,296,40,294,301,40],"32573152","diatone",[192,296,40,294,193,40],[99,304,44,305,100,40],11,"project\u002Fpositive\u002Fdesign",[307,308,44,232,309,40],"32571202",12,"Faelian2",[],[312,317,322,327,331,336],{"id":313,"name":314,"points":315,"category":316},"32572770","Pornpen.ai",711,"ai",{"id":318,"name":319,"points":320,"category":321},"32561127","Crawlee",282,"dev_tools",{"id":323,"name":324,"points":325,"category":326},"32521395","SineRider",220,"games",{"id":328,"name":329,"points":330,"category":321},"32578311","Fuzz Map",205,{"id":332,"name":333,"points":334,"category":335},"32551862","Digs.fm",131,"consumer_social",{"id":337,"name":338,"points":339,"category":335},"32534907","Brew.fm",128,false,"v2",{"id":343,"name":5,"line":6,"ai":340,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":344,"top":18,"kw":345,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":346,"url":9,"mix":347,"praise":77,"objection":104,"sub":21},32568423,0.01,[24,25,26,27,28],"0305315311310000103033010330515305030005",[32,32,33,32],1793991050640]