[{"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":61,"alternatives-tldraw-en-US":135,"related-resources-tldraw-en-US":196},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":24,"cons":30,"best_for":35,"cover":36,"icon":10,"pricing":37,"platform":38,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":40,"views_count":42,"featured_rank":10,"categories":43,"tags":48,"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,"meta_description":15},"Tldraw - Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools | DesignToolMark","Tldraw is an opensource infinite canvas drawing tool that provides a rich collaborative whiteboarding experience in the browser. It offers a polished drawing...",[17,18,19,20,21,22,23],"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",[25,26,27,28,29],"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",[31,32,33,34],"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",[39],"Web",{"free":3,"note":41,"enterprise":3},"Free to use; Open source SDK; Enterprise licensing available",0,[44],{"name":45,"slug":46,"sub_categories":47},"Design Tools","design-tools",[],[49,52,55,58],{"name":50,"slug":51},"Open Source","open-source",{"name":53,"slug":54},"Collaboration","collaboration",{"name":56,"slug":57},"SVG","svg",{"name":59,"slug":60},"Prototyping","prototyping",[62,84,97,110],{"id":63,"url":64,"icon":10,"name":65,"slug":66,"tags":67,"cover":80,"tagline":81,"is_featured":82,"date_created":83,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[68,70,72,74,76,78],{"seo":10,"name":69,"slug":37},"Free",{"seo":10,"name":10,"slug":71},"fonts",{"seo":10,"name":10,"slug":73},"icons",{"seo":10,"name":10,"slug":75},"mockups",{"seo":10,"name":10,"slug":77},"ui-kits",{"seo":10,"name":10,"slug":79},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":85,"url":86,"icon":10,"name":87,"slug":88,"tags":89,"cover":94,"tagline":95,"is_featured":82,"date_created":96,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[90,91,92],{"seo":10,"name":69,"slug":37},{"seo":10,"name":50,"slug":51},{"seo":10,"name":10,"slug":93},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":98,"url":99,"icon":10,"name":100,"slug":101,"tags":102,"cover":107,"tagline":108,"is_featured":82,"date_created":109,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[103,104,105],{"seo":10,"name":69,"slug":37},{"seo":10,"name":10,"slug":77},{"seo":10,"name":10,"slug":106},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":111,"url":112,"icon":10,"name":113,"slug":114,"tags":115,"cover":132,"tagline":133,"is_featured":82,"date_created":134,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[116,119,121,122,125,126,127,128,130],{"seo":10,"name":117,"slug":118},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":120},"ai",{"seo":10,"name":69,"slug":37},{"seo":10,"name":123,"slug":124},"Freemium","freemium",{"seo":10,"name":10,"slug":77},{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":129},"no-code",{"seo":10,"name":10,"slug":131},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[136,142,148,154,160,166,172,178,184,190],{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"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":143,"name":144,"slug":145,"cover":146,"tagline":147},"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":149,"name":150,"slug":151,"cover":152,"tagline":153},"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":155,"name":156,"slug":157,"cover":158,"tagline":159},"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":161,"name":162,"slug":163,"cover":164,"tagline":165},"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":167,"name":168,"slug":169,"cover":170,"tagline":171},"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":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"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":185,"name":186,"slug":187,"cover":188,"tagline":189},"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":191,"name":192,"slug":193,"cover":194,"tagline":195},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",[197,204,214],{"url":179,"icon":10,"name":180,"slug":181,"tags":198,"cover":182,"tagline":183,"is_featured":3,"date_created":203,"date_updated":10},[199,200,201,202],{"seo":10,"name":10,"slug":54},{"seo":10,"name":10,"slug":60},{"seo":10,"name":123,"slug":124},{"seo":10,"name":10,"slug":131},"2026-06-16T07:18:11.23048+00:00",{"url":143,"icon":10,"name":144,"slug":145,"tags":205,"cover":146,"tagline":147,"is_featured":3,"date_created":213,"date_updated":10},[206,207,208,210,211],{"seo":10,"name":69,"slug":37},{"seo":10,"name":50,"slug":51},{"seo":10,"name":10,"slug":209},"image-editing",{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":212},"print-design","2026-06-16T07:16:45.154035+00:00",{"url":215,"icon":10,"name":216,"slug":217,"tags":218,"cover":224,"tagline":225,"is_featured":3,"date_created":226,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[219,221,222,223],{"seo":10,"name":10,"slug":220},"wireframe",{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":54},{"seo":10,"name":123,"slug":124},"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"]