[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-graphite-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":65,"alternatives-graphite-en-US":139,"related-resources-graphite-en-US":200},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":29,"best_for":34,"cover":35,"icon":9,"pricing":36,"platform":37,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":42,"views_count":44,"featured_rank":9,"categories":45,"tags":50,"files":9},652,"Graphite","graphite","https:\u002F\u002Fgraphite.rs",null,"Next-gen node-based vector graphics editor — powerful, procedural, and browser-ready","Graphite is a modern, open-source vector graphics editor with a unique node-based workflow. Unlike traditional vector editors that use a layer-based approach, Graphite uses a Blender-inspired node graph for non-destructive, procedural editing. Features include node-based compositing, procedural vector graphics, advanced path editing, SVG support, GPU-accelerated rendering, and a web-based interface. Built in Rust for performance, it offers both a web version and native desktop builds. Particularly innovative for its use of node graphs for vector design, enabling complex procedural effects that would be difficult in traditional editors.",{"title":13,"meta_description":14},"Graphite - Next-gen node-based vector graphics editor — powerful, procedural, and browser-ready | DesignToolMark","Graphite is a modern, opensource vector graphics editor with a unique nodebased workflow. Unlike traditional vector editors that use a layerbased approach, G...",[16,17,18,19,20,21,22],"Node-based non-destructive editing","Procedural vector graphics workflow","GPU-accelerated rendering engine","Advanced path editing tools","SVG import and export","Web-based and desktop versions","Built in Rust for high performance",[24,25,26,27,28],"Innovative node-based workflow","Non-destructive procedural editing","High-performance Rust engine","Web-based — no installation needed","Open source (Apache 2.0)",[30,31,32,33],"Smaller community than Inkscape","Steep learning curve (node graph paradigm)","Not yet production-ready for all use cases","Limited file format support","Vector artists and designers interested in procedural, non-destructive workflows who want to explore a new paradigm in vector graphics editing.","6317962b-8a4b-489d-9d05-ccf4c17b992a.webp","free",[38,39,40,41],"Web","Mac","Windows","Linux",{"free":3,"note":43},"Free and open source (Apache 2.0)",0,[46],{"name":47,"slug":48,"sub_categories":49},"Design Tools","design-tools",[],[51,54,57,60,63],{"name":52,"slug":53},"Open Source","open-source",{"name":55,"slug":56},"Image Editing","image-editing",{"name":58,"slug":59},"SVG","svg",{"name":61,"slug":62},"Prototyping","prototyping",{"name":9,"slug":64},"data-visualization",[66,88,101,114],{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":84,"tagline":85,"is_featured":86,"date_created":87,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[72,74,76,78,80,82],{"seo":9,"name":73,"slug":36},"Free",{"seo":9,"name":9,"slug":75},"fonts",{"seo":9,"name":9,"slug":77},"icons",{"seo":9,"name":9,"slug":79},"mockups",{"seo":9,"name":9,"slug":81},"ui-kits",{"seo":9,"name":9,"slug":83},"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":89,"url":90,"icon":9,"name":91,"slug":92,"tags":93,"cover":98,"tagline":99,"is_featured":86,"date_created":100,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[94,95,96],{"seo":9,"name":73,"slug":36},{"seo":9,"name":52,"slug":53},{"seo":9,"name":9,"slug":97},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":111,"tagline":112,"is_featured":86,"date_created":113,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[107,108,109],{"seo":9,"name":73,"slug":36},{"seo":9,"name":9,"slug":81},{"seo":9,"name":9,"slug":110},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":115,"url":116,"icon":9,"name":117,"slug":118,"tags":119,"cover":136,"tagline":137,"is_featured":86,"date_created":138,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[120,123,125,126,129,130,131,132,134],{"seo":9,"name":121,"slug":122},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":124},"ai",{"seo":9,"name":73,"slug":36},{"seo":9,"name":127,"slug":128},"Freemium","freemium",{"seo":9,"name":9,"slug":81},{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":133},"no-code",{"seo":9,"name":9,"slug":135},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[140,146,152,158,164,170,176,182,188,194],{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"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":147,"name":148,"slug":149,"cover":150,"tagline":151},"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":153,"name":154,"slug":155,"cover":156,"tagline":157},"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":159,"name":160,"slug":161,"cover":162,"tagline":163},"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":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fwww.tldraw.com","Tldraw","tldraw","cae98357-81a5-4801-b262-3a5d4babc15a.webp","Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools",{"url":177,"name":178,"slug":179,"cover":180,"tagline":181},"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":183,"name":184,"slug":185,"cover":186,"tagline":187},"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":189,"name":190,"slug":191,"cover":192,"tagline":193},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",{"url":195,"name":196,"slug":197,"cover":198,"tagline":199},"https:\u002F\u002Fardot.tencent.com","Ardot","ardot","21d36741-f4b5-40f8-b292-3ea9e11fa007.webp","AI-powered design agent platform by Tencent Design",[201,209,218],{"url":177,"icon":9,"name":178,"slug":179,"tags":202,"cover":180,"tagline":181,"is_featured":3,"date_created":208,"date_updated":9},[203,205,206,207],{"seo":9,"name":9,"slug":204},"collaboration",{"seo":9,"name":9,"slug":62},{"seo":9,"name":127,"slug":128},{"seo":9,"name":9,"slug":135},"2026-06-16T07:18:11.23048+00:00",{"url":147,"icon":9,"name":148,"slug":149,"tags":210,"cover":150,"tagline":151,"is_featured":3,"date_created":217,"date_updated":9},[211,212,213,214,215],{"seo":9,"name":73,"slug":36},{"seo":9,"name":52,"slug":53},{"seo":9,"name":9,"slug":56},{"seo":9,"name":9,"slug":59},{"seo":9,"name":9,"slug":216},"print-design","2026-06-16T07:16:45.154035+00:00",{"url":219,"icon":9,"name":220,"slug":221,"tags":222,"cover":228,"tagline":229,"is_featured":3,"date_created":230,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[223,225,226,227],{"seo":9,"name":9,"slug":224},"wireframe",{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":204},{"seo":9,"name":127,"slug":128},"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"]