[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-modyfi-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-modyfi-en-US":123,"related-resources-modyfi-en-US":184},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,72,87,100],{"id":52,"url":53,"icon":9,"name":54,"slug":55,"tags":56,"cover":68,"tagline":69,"is_featured":70,"date_created":71,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[57,58,60,62,64,66],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":59},"fonts",{"seo":9,"name":9,"slug":61},"icons",{"seo":9,"name":9,"slug":63},"mockups",{"seo":9,"name":9,"slug":65},"ui-kits",{"seo":9,"name":9,"slug":67},"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":73,"url":74,"icon":9,"name":75,"slug":76,"tags":77,"cover":84,"tagline":85,"is_featured":70,"date_created":86,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[78,79,82],{"seo":9,"name":43,"slug":31},{"seo":9,"name":80,"slug":81},"Open Source","open-source",{"seo":9,"name":9,"slug":83},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":88,"url":89,"icon":9,"name":90,"slug":91,"tags":92,"cover":97,"tagline":98,"is_featured":70,"date_created":99,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[93,94,95],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":65},{"seo":9,"name":9,"slug":96},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":120,"tagline":121,"is_featured":70,"date_created":122,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[106,107,109,110,113,114,115,116,118],{"seo":9,"name":45,"slug":46},{"seo":9,"name":9,"slug":108},"ai",{"seo":9,"name":43,"slug":31},{"seo":9,"name":111,"slug":112},"Freemium","freemium",{"seo":9,"name":9,"slug":65},{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":117},"no-code",{"seo":9,"name":9,"slug":119},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[124,130,136,142,148,154,160,166,172,178],{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"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":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fvizcom.ai","Vizcom","vizcom","d5d15acc-4175-4cb0-8868-aa212f95049f.webp","Turn hand-drawn sketches into realistic 3D renders with AI",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"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":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fpika.style","Pika","pika-style","3cc98291-eb26-474d-8b17-4ba24d5d9683.webp","Beautiful screenshots and mockups in seconds",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fshapr3d.com","Shapr3D","shapr3d","c56c8a92-a723-44c9-87e8-2df7a8ddaff8.webp","Professional 3D CAD modeling for iPad and Mac",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fseeles.ai","Seeles","seeles","33884bae-954a-41f1-8891-0fe6dae3a7e9.webp","AI 3D game creation engine",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"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":167,"name":168,"slug":169,"cover":170,"tagline":171},"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":173,"name":174,"slug":175,"cover":176,"tagline":177},"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":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Fmotionity.app","Motionity","motionity","ae5dbeb8-1290-41bc-8136-3895719fe5a4.webp","Free open-source web-based motion graphics editor",[185,198,214],{"url":186,"icon":9,"name":187,"slug":188,"tags":189,"cover":195,"tagline":196,"is_featured":3,"date_created":197,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[190,192,193,194],{"seo":9,"name":9,"slug":191},"collaboration",{"seo":9,"name":9,"slug":49},{"seo":9,"name":111,"slug":112},{"seo":9,"name":9,"slug":119},"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":199,"icon":9,"name":200,"slug":201,"tags":202,"cover":211,"tagline":212,"is_featured":3,"date_created":213,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[203,204,205,207,209],{"seo":9,"name":43,"slug":31},{"seo":9,"name":80,"slug":81},{"seo":9,"name":9,"slug":206},"image-editing",{"seo":9,"name":9,"slug":208},"svg",{"seo":9,"name":9,"slug":210},"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":215,"icon":9,"name":216,"slug":217,"tags":218,"cover":224,"tagline":225,"is_featured":3,"date_created":226,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[219,221,222,223],{"seo":9,"name":9,"slug":220},"wireframe",{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":191},{"seo":9,"name":111,"slug":112},"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"]