[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-modyfi-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-modyfi-en-US":113,"related-resources-modyfi-en-US":174},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":41,"files":9},710,"Modyfi","modyfi","https:\u002F\u002Fmodyfi.com",null,"Next-gen browser-based design tool with image editing and shaders","Modyfi is a next-generation design tool that runs entirely in the browser, combining vector design, image editing, and real-time collaboration. It features a node-based workflow, shader support, smart selection tools, and powerful photo editing capabilities usually found only in desktop apps. Modyfi is built on WebGPU and WebAssembly for near-native performance, making it a strong contender for designers who want a modern, flexible, and collaborative design environment without leaving the browser.",{"title":13,"meta_description":14},"Modyfi — Next-gen browser-based design tool with image editing and ...","Modyfi is a nextgeneration design tool that runs entirely in the browser, combining vector design, image editing, and realtime collaboration. It features a n...",[16,17,18,19,20,21],"Node-based procedural workflow for non-destructive editing","Real-time shader and filter effects with live preview","Smart selection and AI-powered masking tools","Vector and raster design in a single canvas","Real-time team collaboration with version control","WebGPU-powered rendering for smooth performance",[23,24,25],"Runs in the browser with near-native performance","Node-based workflow enables powerful procedural editing","Combines vector, raster, and shader tools in one app",[27,28],"Still in beta with occasional stability issues","Smaller community and fewer resources than established tools","Designers who want a cutting-edge, browser-based design tool with image editing and shader capabilities","ed1471b9-66ad-46e1-a45f-33c0dbeb4d15.webp","free",[33],"Web",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],[42,44,47],{"name":43,"slug":31},"Free",{"name":45,"slug":46},"AI Powered","ai-powered",{"name":48,"slug":49},"Prototyping","prototyping",[51,80,91,101],{"id":52,"url":53,"icon":9,"name":54,"slug":55,"tags":56,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[57,58,60,63,65,67,69,71,72,74],{"seo":9,"name":45,"slug":46},{"seo":9,"name":9,"slug":59},"ai",{"seo":9,"name":61,"slug":62},"Freemium","freemium",{"seo":9,"name":9,"slug":64},"free-trial",{"seo":9,"name":9,"slug":66},"image-editing",{"seo":9,"name":9,"slug":68},"video",{"seo":9,"name":9,"slug":70},"animation",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":73},"no-code",{"seo":9,"name":9,"slug":75},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":81,"url":82,"icon":9,"name":83,"slug":84,"tags":85,"cover":88,"tagline":89,"is_featured":78,"date_created":90,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[86],{"seo":9,"name":9,"slug":87},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":92,"url":93,"icon":9,"name":94,"slug":95,"tags":96,"cover":98,"tagline":99,"is_featured":78,"date_created":100,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[97],{"seo":9,"name":9,"slug":87},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":110,"tagline":111,"is_featured":78,"date_created":112,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[107,108],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":109},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[114,120,126,132,138,144,150,156,162,168],{"url":115,"name":116,"slug":117,"cover":118,"tagline":119},"https:\u002F\u002Fnewt.sh","Newt","newt-pixel-editor","076bb534-e0f9-4ca6-bce2-87d92cb1d68a.webp","A code-based pixel art editor where every pixel is written, not drawn",{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fvizcom.ai","Vizcom","vizcom","d5d15acc-4175-4cb0-8868-aa212f95049f.webp","Turn hand-drawn sketches into realistic 3D renders with AI",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fscreen.studio","Screen Studio","screen-studio","e6b8a810-c70f-4d92-8b53-e0de8bcebef5.webp","Professional screen recording for designers with auto-zoom and motion blur",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fpika.style","Pika","pika-style","3cc98291-eb26-474d-8b17-4ba24d5d9683.webp","Beautiful screenshots and mockups in seconds",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fshapr3d.com","Shapr3D","shapr3d","c56c8a92-a723-44c9-87e8-2df7a8ddaff8.webp","Professional 3D CAD modeling for iPad and Mac",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fseeles.ai","Seeles","seeles","33884bae-954a-41f1-8891-0fe6dae3a7e9.webp","AI 3D game creation engine",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fwww.pixel2motion.com\u002F","Pixel2Motion","pixel2motion","736194fc-c79e-459b-a998-b2f635616b29.webp","Open-source AI tool that turns raster logos into animated SVG — powered by Claude and Codex",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fdeveloper.apple.com\u002Ficon-composer","Apple Icon Composer","apple-icon-composer","1dc4cdbe-e9e1-4eb6-85d0-65d024dafd53.webp","Apple's official tool for crafting layered app icons with Liquid Glass effect",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fbitmap-forge.vercel.app","Bitmap Forge","bitmap-forge","e08d4574-8e79-480d-b933-efacd8759683.webp","Convert 3D models into mesmerizing ASCII art animations online",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fmotionity.app","Motionity","motionity","ae5dbeb8-1290-41bc-8136-3895719fe5a4.webp","Free open-source web-based motion graphics editor",[175,188,205],{"url":176,"icon":9,"name":177,"slug":178,"tags":179,"cover":185,"tagline":186,"is_featured":3,"date_created":187,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[180,182,183,184],{"seo":9,"name":9,"slug":181},"collaboration",{"seo":9,"name":9,"slug":49},{"seo":9,"name":61,"slug":62},{"seo":9,"name":9,"slug":75},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":189,"icon":9,"name":190,"slug":191,"tags":192,"cover":202,"tagline":203,"is_featured":3,"date_created":204,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[193,194,197,198,200],{"seo":9,"name":43,"slug":31},{"seo":9,"name":195,"slug":196},"Open Source","open-source",{"seo":9,"name":9,"slug":66},{"seo":9,"name":9,"slug":199},"svg",{"seo":9,"name":9,"slug":201},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":206,"icon":9,"name":207,"slug":208,"tags":209,"cover":215,"tagline":216,"is_featured":3,"date_created":217,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[210,212,213,214],{"seo":9,"name":9,"slug":211},"wireframe",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":181},{"seo":9,"name":61,"slug":62},"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"]