[{"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":129,"related-resources-tldraw-en-US":190},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,115],{"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":112,"tagline":113,"is_featured":77,"date_created":114,"date_updated":10},695,"https:\u002F\u002Fdrfonts.com","DrFonts AI","drfonts-ai",[105,107,110,111],{"seo":10,"name":10,"slug":106},"fonts",{"seo":10,"name":108,"slug":109},"Paid","typography",{"seo":10,"name":10,"slug":93},{"seo":10,"name":73,"slug":74},"53043ab9-d22f-41a4-b56c-573accf19c01.webp","AI font generator from handwriting or descriptions","2026-06-21T05:12:30.29885+00:00",{"id":116,"url":117,"icon":10,"name":118,"slug":119,"tags":120,"cover":126,"tagline":127,"is_featured":77,"date_created":128,"date_updated":10},694,"https:\u002F\u002Fxfun.design","XFUN","xfun",[121,123,125],{"seo":10,"name":10,"slug":122},"branding",{"seo":10,"name":10,"slug":124},"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",[130,136,142,148,154,160,166,172,178,184],{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"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":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"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":149,"name":150,"slug":151,"cover":152,"tagline":153},"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":155,"name":156,"slug":157,"cover":158,"tagline":159},"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":161,"name":162,"slug":163,"cover":164,"tagline":165},"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":167,"name":168,"slug":169,"cover":170,"tagline":171},"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":173,"name":174,"slug":175,"cover":176,"tagline":177},"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":179,"name":180,"slug":181,"cover":182,"tagline":183},"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":185,"name":186,"slug":187,"cover":188,"tagline":189},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",[191,197,206],{"url":167,"icon":10,"name":168,"slug":169,"tags":192,"cover":170,"tagline":171,"is_featured":3,"date_created":196,"date_updated":10},[193,194,195],{"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":149,"icon":10,"name":150,"slug":151,"tags":198,"cover":152,"tagline":153,"is_featured":3,"date_created":205,"date_updated":10},[199,201,202,204],{"seo":10,"name":200,"slug":36},"Free",{"seo":10,"name":49,"slug":50},{"seo":10,"name":10,"slug":203},"image-editing",{"seo":10,"name":10,"slug":59},"2026-06-16T07:16:45.154035+00:00",{"url":207,"icon":10,"name":208,"slug":209,"tags":210,"cover":216,"tagline":217,"is_featured":3,"date_created":218,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[211,213,214,215],{"seo":10,"name":10,"slug":212},"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"]