[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-magicpattern-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-magicpattern-en-US":118,"related-resources-magicpattern-en-US":233},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":21,"cons":25,"best_for":28,"cover":29,"icon":9,"pricing":30,"platform":31,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":33,"views_count":34,"featured_rank":9,"categories":35,"tags":44,"files":9},726,"MagicPattern","magicpattern","https:\u002F\u002Fmagicpattern.design",null,"Create stunning patterns, gradients, and blobs in minutes","MagicPattern is a free design tool for generating beautiful patterns, gradients, mesh gradients, and organic blobs. It provides a visual editor where you can tweak colors, spacing, rotation, and complexity in real time, then export your creations as SVG or PNG. The tool also includes social media templates, a pattern library, and ready-made assets for quick use in branding, social graphics, and web design projects.",{"title":13,"meta_description":14},"MagicPattern — Create stunning patterns, gradients, and blobs in mi...","MagicPattern is a free design tool for generating beautiful patterns, gradients, mesh gradients, and organic blobs. It provides a visual editor where you can...",[16,17,18,19,20],"Generate seamless patterns, gradients, mesh gradients, and blob shapes","Real-time visual editor with color, spacing, and rotation controls","Export creations as SVG or PNG for web and print use","Includes social media templates for Instagram, Twitter, and LinkedIn","Curated pattern library with ready-to-use designs",[22,23,24],"Completely free with a generous set of features","Intuitive visual editor makes experimentation fast and fun","Versatile output suitable for both web and print projects",[26,27],"No vector editing tools for fine-tuning exported SVGs","Limited template options for social media formats","Designers and content creators who need quick, beautiful patterns and gradients for branding, social media, and web projects.","bc5a27ac-20f5-443c-9d44-c9d453c9f5b3.webp","free",[32],"Web",{"free":3},0,[36,40],{"name":37,"slug":38,"sub_categories":39},"Design Tools","design-tools",[],{"name":41,"slug":42,"sub_categories":43},"Colors & Palettes","colors-palettes",[],[45,47,50],{"name":46,"slug":30},"Free",{"name":48,"slug":49},"Gradient","gradient",{"name":51,"slug":52},"Colors","colors",[54,86,96,106],{"id":55,"url":56,"icon":9,"name":57,"slug":58,"tags":59,"cover":82,"tagline":83,"is_featured":84,"date_created":85,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[60,63,65,68,70,72,74,76,78,80],{"seo":9,"name":61,"slug":62},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":64},"ai",{"seo":9,"name":66,"slug":67},"Freemium","freemium",{"seo":9,"name":9,"slug":69},"free-trial",{"seo":9,"name":9,"slug":71},"image-editing",{"seo":9,"name":9,"slug":73},"video",{"seo":9,"name":9,"slug":75},"animation",{"seo":9,"name":9,"slug":77},"prototyping",{"seo":9,"name":9,"slug":79},"no-code",{"seo":9,"name":9,"slug":81},"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":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":93,"tagline":94,"is_featured":84,"date_created":95,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[92],{"seo":9,"name":9,"slug":52},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":97,"url":98,"icon":9,"name":99,"slug":100,"tags":101,"cover":103,"tagline":104,"is_featured":84,"date_created":105,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[102],{"seo":9,"name":9,"slug":52},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":107,"url":108,"icon":9,"name":109,"slug":110,"tags":111,"cover":115,"tagline":116,"is_featured":84,"date_created":117,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[112,113],{"seo":9,"name":46,"slug":30},{"seo":9,"name":9,"slug":114},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[119,125,131,137,143,149,155,161,167,173,179,185,191,197,203,209,215,221,227],{"url":120,"name":121,"slug":122,"cover":123,"tagline":124},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt","e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists",{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fbooltool.boolv.tech","Booltool","booltool","dc873c09-89aa-43b8-adf4-47c4cf18c8b4.webp","AI-powered image editing toolkit for background removal and enhancement",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fclipdrop.co\u002Frelight","Relight","relight-clipdrop","dcb2018a-6607-4988-b3ee-68bd2eb3dacc.webp","AI-powered image relighting — adjust light direction, intensity, and color",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fanimista.net","Animista","animista","da1ff664-804e-4896-bda7-e32f204f51cd.webp","Ready-to-use CSS animations library with customizable effects",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fwww.nvidia.com\u002Fen-us\u002Fstudio\u002Fcanvas\u002F","NVIDIA Canvas","nvidia-canvas","63badfde-92dd-4a52-8f14-3de947802c68.webp","Turn simple brush strokes into realistic landscape images",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fappicon.co","App Icon Generator","app-icon-generator","82194b8b-b69e-4581-ae90-22fb170f8c28.webp","Generate all required app icon sizes from one image",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fpigment.shapefactory.co","Pigment","pigment","3aa8318c-dc03-4e6b-b429-d73c051ed65b.webp","Simple online color palette generator for designers",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fruri.design\u002Fgradiator","Ruri Gradiator","ruri-gradiator","089f81a2-3082-45c0-bce5-ffc9875cb87b.webp","Advanced CSS gradient editor with a unique grid interface",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fgradientora.com","Gradientora","gradientora","959a8972-2b17-440a-b385-778609d07df7.webp","A curated collection of 1100+ gradients for every design project",{"url":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fprovisual.app","ProVisual","provisual","c0d53b93-b9c2-4ec8-a7ee-0ffaffc10fe0.webp","Create stunning 3D product visualizations directly in your browser",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":186,"name":187,"slug":188,"cover":189,"tagline":190},"https:\u002F\u002Fxnapper.com","Xnapper","xnapper","eaed31e4-1981-49a7-a8f1-25aa19d1786d.webp","Beautiful screenshot capture and beautification for macOS",{"url":192,"name":193,"slug":194,"cover":195,"tagline":196},"https:\u002F\u002Fgetcssscan.com","CSS Scan","css-scan","19d475e1-e0ae-4294-a189-bdd7e6929981.webp","Inspect and copy CSS of any element on any website",{"url":198,"name":199,"slug":200,"cover":201,"tagline":202},"https:\u002F\u002Fgoodpalette.io","Goodpalette","goodpalette","1c508913-1ea0-4383-9122-91c1c93faecb.webp","Generate accessible color palettes for UI design",{"url":204,"name":205,"slug":206,"cover":207,"tagline":208},"https:\u002F\u002Fmeshgradient.com","Mesh Gradient","mesh-gradient","de892395-dc05-42ff-83f9-913d028370cc.webp","Create beautiful mesh gradient backgrounds for your designs",{"url":210,"name":211,"slug":212,"cover":213,"tagline":214},"https:\u002F\u002Fatmos.style","Atmos","atmos-color","9b5710cd-372d-46e9-997f-76a6df7e01d6.webp","Suite of online color tools for UI designers",{"url":216,"name":217,"slug":218,"cover":219,"tagline":220},"https:\u002F\u002Frealtimecolors.com","Realtime Colors","realtime-colors","f17efa2a-e7d2-41f4-944a-db7a8cec4a3b.webp","Visualize color palettes on a live UI mockup — see how your colors actually look in context",{"url":222,"name":223,"slug":224,"cover":225,"tagline":226},"https:\u002F\u002Fhue.tools\u002F","Hue Tools","hue-tools","ec73db85-e2d6-4738-8081-c6fa97c20be5.webp","open-source color toolbox for hex previews and creative color work.",{"url":228,"name":229,"slug":230,"cover":231,"tagline":232},"https:\u002F\u002Fcolorai.app\u002F","Color AI","color-ai","792204d1-a7cb-477d-b157-0d869b82d561.webp","AI tool for generating brand color palettes based on science and culture.",[234,247,264],{"url":235,"icon":9,"name":236,"slug":237,"tags":238,"cover":244,"tagline":245,"is_featured":3,"date_created":246,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[239,241,242,243],{"seo":9,"name":9,"slug":240},"collaboration",{"seo":9,"name":9,"slug":77},{"seo":9,"name":66,"slug":67},{"seo":9,"name":9,"slug":81},"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":248,"icon":9,"name":249,"slug":250,"tags":251,"cover":261,"tagline":262,"is_featured":3,"date_created":263,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[252,253,256,257,259],{"seo":9,"name":46,"slug":30},{"seo":9,"name":254,"slug":255},"Open Source","open-source",{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":258},"svg",{"seo":9,"name":9,"slug":260},"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":265,"icon":9,"name":266,"slug":267,"tags":268,"cover":274,"tagline":275,"is_featured":3,"date_created":276,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[269,271,272,273],{"seo":9,"name":9,"slug":270},"wireframe",{"seo":9,"name":9,"slug":77},{"seo":9,"name":9,"slug":240},{"seo":9,"name":66,"slug":67},"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"]