[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-tldraw-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":60,"alternatives-tldraw-en-US":125,"related-resources-tldraw-en-US":186},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":23,"cons":29,"best_for":34,"cover":35,"icon":10,"pricing":36,"platform":37,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":39,"views_count":41,"featured_rank":10,"categories":42,"tags":47,"files":10},651,"Tldraw","tldraw","https:\u002F\u002Fwww.tldraw.com","2026-06-17T05:22:52.72+00:00",null,"Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools","Tldraw is an open-source infinite canvas drawing tool that provides a rich collaborative whiteboarding experience in the browser. It offers a polished drawing interface with sticky notes, shapes, arrows, freehand drawing, text, and image support. Beyond being a standalone tool, tldraw is primarily known as a developer SDK that can be embedded into any web application. Features include real-time collaboration, high-performance infinite canvas, rich shape library, sticky notes, laser pointer for presentations, SVG\u002FPNG export, and a comprehensive React SDK. Asset by tldraw in 2024 accelerated its development as the standard for embedded canvas experiences.",{"title":14,"description":11},"Tldraw - Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools | DesignToolMark",[16,17,18,19,20,21,22],"High-performance infinite canvas","Real-time multiplayer collaboration","Rich shape and drawing tools","Sticky notes and text annotations","Laser pointer for presentations","SVG and PNG export","Embeddable React SDK",[24,25,26,27,28],"Excellent performance on large canvases","Real-time collaboration built in","Dual use: standalone + embeddable SDK","Open source with permissive license","Active development with commercial backing",[30,31,32,33],"Not a full prototyping tool","Limited template system","File management is basic","SDK integration requires React expertise","Teams needing a collaborative whiteboard tool and developers wanting to embed drawing canvases into their applications with the open-source SDK.","cae98357-81a5-4801-b262-3a5d4babc15a.webp","free",[38],"Web",{"free":3,"note":40,"enterprise":3},"Free to use; Open source SDK; Enterprise licensing available",0,[43],{"name":44,"slug":45,"sub_categories":46},"Design Tools","design-tools",[],[48,51,54,57],{"name":49,"slug":50},"Open Source","open-source",{"name":52,"slug":53},"Prototyping","prototyping",{"name":55,"slug":56},"Collaboration","collaboration",{"name":58,"slug":59},"SVG","svg",[61,79,99,113],{"id":62,"url":63,"icon":10,"name":64,"slug":65,"tags":66,"cover":75,"tagline":76,"is_featured":77,"date_created":78,"date_updated":10},697,"https:\u002F\u002Fseeles.ai","Seeles","seeles",[67,69,70,72],{"seo":10,"name":10,"slug":68},"3d-modeling",{"seo":10,"name":10,"slug":53},{"seo":10,"name":10,"slug":71},"video",{"seo":10,"name":73,"slug":74},"Freemium","freemium","33884bae-954a-41f1-8891-0fe6dae3a7e9.webp","AI 3D game creation engine",false,"2026-06-21T05:12:48.308567+00:00",{"id":80,"url":81,"icon":10,"name":82,"slug":83,"tags":84,"cover":96,"tagline":97,"is_featured":77,"date_created":98,"date_updated":10},696,"https:\u002F\u002Ficons8.com","ICONS8","icons8",[85,87,89,91,92,94],{"seo":10,"name":10,"slug":86},"icons",{"seo":10,"name":10,"slug":88},"illustrations",{"seo":10,"name":10,"slug":90},"ui-kits",{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":93},"freebie",{"seo":10,"name":10,"slug":95},"paid","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools","2026-06-21T05:12:38.384448+00:00",{"id":100,"url":101,"icon":10,"name":102,"slug":103,"tags":104,"cover":110,"tagline":111,"is_featured":77,"date_created":112,"date_updated":10},694,"https:\u002F\u002Fxfun.design","XFUN","xfun",[105,107,109],{"seo":10,"name":10,"slug":106},"branding",{"seo":10,"name":10,"slug":108},"ecommerce",{"seo":10,"name":73,"slug":74},"6c7d6d51-1157-4ae8-89b1-4a914da9a5b3.webp","AI-powered packaging design platform","2026-06-21T05:12:11.765098+00:00",{"id":114,"url":115,"icon":10,"name":116,"slug":117,"tags":118,"cover":122,"tagline":123,"is_featured":77,"date_created":124,"date_updated":10},693,"https:\u002F\u002Fnamesnack.com","NameSnack","namesnack",[119,120,121],{"seo":10,"name":10,"slug":106},{"seo":10,"name":10,"slug":93},{"seo":10,"name":73,"slug":74},"960c7a76-09ff-49fe-b555-779da5812f92.webp","AI brand naming and identity tool","2026-06-21T05:12:00.819631+00:00",[126,132,138,144,150,156,162,168,174,180],{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fwww.axure.com","Axure RP","axure-rp","f2930b66-a0dc-40f6-9141-c21fa63b4f23.webp","The most powerful UX prototyping tool for complex, data-driven interactions — no code required",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fwebstudio.is","Webstudio","webstudio","80cdbafc-24ff-4f08-9edc-be9314111214.webp","Open-source visual development platform — design and build websites visually, export clean code",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fwww.abstract.com","Abstract","abstract","2f0a00a7-78fc-40fb-a92a-74deb4fc2b65.webp","Git-style version control and collaboration for design files — bring engineering workflows to design",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fgraphite.rs","Graphite","graphite","6317962b-8a4b-489d-9d05-ccf4c17b992a.webp","Next-gen node-based vector graphics editor — powerful, procedural, and browser-ready",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Flinear.app","Linear","linear-app","7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fwww.deque.com\u002Faxe\u002F","axe DevTools","axe-devtools","2b6bad85-2788-439a-a021-a131ea9284fc.webp","Industry-standard web accessibility testing — find and fix accessibility issues in your designs and code",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fopen-design.ai","Open Design","open-design","1edab12d-ffea-44f3-9321-f7b5c6a644d1.webp","Open-source AI design workspace powered by your coding agent",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",[187,193,202],{"url":163,"icon":10,"name":164,"slug":165,"tags":188,"cover":166,"tagline":167,"is_featured":3,"date_created":192,"date_updated":10},[189,190,191],{"seo":10,"name":10,"slug":56},{"seo":10,"name":10,"slug":53},{"seo":10,"name":73,"slug":74},"2026-06-16T07:18:11.23048+00:00",{"url":145,"icon":10,"name":146,"slug":147,"tags":194,"cover":148,"tagline":149,"is_featured":3,"date_created":201,"date_updated":10},[195,197,198,200],{"seo":10,"name":196,"slug":36},"Free",{"seo":10,"name":49,"slug":50},{"seo":10,"name":10,"slug":199},"image-editing",{"seo":10,"name":10,"slug":59},"2026-06-16T07:16:45.154035+00:00",{"url":203,"icon":10,"name":204,"slug":205,"tags":206,"cover":212,"tagline":213,"is_featured":3,"date_created":214,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[207,209,210,211],{"seo":10,"name":10,"slug":208},"wireframe",{"seo":10,"name":10,"slug":53},{"seo":10,"name":10,"slug":56},{"seo":10,"name":73,"slug":74},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]