[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-macaron-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":56,"alternatives-macaron-en-US":122,"related-resources-macaron-en-US":241},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":49,"files":9},757,"Macaron","macaron","https:\u002F\u002Fmacaron-elements.com",null,"Free collection of SVG UI elements and design assets","Macaron is a free collection of beautifully crafted SVG UI elements and components that are ready to copy and paste into your projects. It includes icons, illustrations, and various design assets organized for easy discovery. Each element is designed with attention to detail and consistency, making it simple to add polished UI components to your web or app projects without starting from scratch.",{"title":13,"meta_description":14},"Macaron — Free collection of SVG UI elements and design assets","Macaron is a free collection of beautifully crafted SVG UI elements and components that are ready to copy and paste into your projects. It includes icons, il...",[16,17,18,19,20,21],"Hundreds of handcrafted SVG UI elements ready for copy-paste use","Includes icons, illustrations, buttons, forms, and interface components","Consistent design language across all elements for cohesive results","Color customizable SVGs that adapt to your project's palette","Regularly updated library with new elements and components","No attribution required for personal and commercial projects",[23,24,25],"High-quality, consistent design across all assets","Completely free with no attribution needed","Easy to customize colors and sizes for any project",[27,28],"Limited to SVG format only","Smaller library compared to premium asset collections","Web designers and developers looking for free, high-quality SVG UI components for quick project integration","d4005d4f-7a50-4fc7-9301-61601da5fe64.webp","free",[33],"Web",{"free":3},0,[37,41,45],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Icons","icons",[],{"name":46,"slug":47,"sub_categories":48},"Illustrations & Graphics","illustrations-graphics",[],[50,52,55],{"name":51,"slug":31},"Free",{"name":53,"slug":54},"UI Kits","ui-kits",{"name":42,"slug":43},[57,89,100,110],{"id":58,"url":59,"icon":9,"name":60,"slug":61,"tags":62,"cover":85,"tagline":86,"is_featured":87,"date_created":88,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[63,66,68,71,73,75,77,79,81,83],{"seo":9,"name":64,"slug":65},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":67},"ai",{"seo":9,"name":69,"slug":70},"Freemium","freemium",{"seo":9,"name":9,"slug":72},"free-trial",{"seo":9,"name":9,"slug":74},"image-editing",{"seo":9,"name":9,"slug":76},"video",{"seo":9,"name":9,"slug":78},"animation",{"seo":9,"name":9,"slug":80},"prototyping",{"seo":9,"name":9,"slug":82},"no-code",{"seo":9,"name":9,"slug":84},"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":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":97,"tagline":98,"is_featured":87,"date_created":99,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[95],{"seo":9,"name":9,"slug":96},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":107,"tagline":108,"is_featured":87,"date_created":109,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[106],{"seo":9,"name":9,"slug":96},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":111,"url":112,"icon":9,"name":113,"slug":114,"tags":115,"cover":119,"tagline":120,"is_featured":87,"date_created":121,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[116,117],{"seo":9,"name":51,"slug":31},{"seo":9,"name":9,"slug":118},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[123,129,135,141,147,153,159,165,171,177,183,189,195,201,207,212,218,224,230,236],{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"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":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fpixellab.ai","PixelLab","pixellab","378ad05f-af5a-42de-b6af-ae8d9fed37c8.webp","AI pixel art generator from text prompts",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Feditorx.com","EditorX","editorx","38bdf3fa-0ccc-40d8-a414-09ca1262f8da.webp","Professional drag-and-drop website builder for designers",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fpostspark.app","PostSpark","postspark","4e8fbc85-8793-45a7-b7db-6494e4e4432e.webp","Online image beautification with borders, shadows, and mockups",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fsimple.ink","Simple.ink","simple-ink","78540c8e-358f-4b18-9a7b-1b0ce10e876f.webp","Beautiful design documentation and handoff platform",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fvectormaker.co","Vectormaker","vectormaker","3ffa729b-d51b-4bc1-b2df-536a43336b87.webp","Convert PNG images to SVG vectors online",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fd.design","堆友 \u002F D.design","d-design","5b070c3d-05b2-451a-915b-e34ffb995d20.webp","Alibaba's 3D scene and avatar editor for everyone",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fgenerated.photos\u002Fhuman-generator\u002F","Human Generator","human-generator","73ee255c-fae8-4061-b8b4-3b0cd6d07e20.webp","AI-generated diverse human faces and full-body photos",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fblobanimation.com","Blob Animation","blob-animation","3a3d07bf-af7e-49fb-a183-4c07ed59b375.webp","Create organic SVG blob shapes with smooth animations",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Fartbreeder.com","Artbreeder","artbreeder","570a3c8a-da9f-4a57-a27a-315273335d84.webp","Breed and blend images with genetic AI technology",{"url":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Fperspectr.signalsupply.co","Perspectr","perspectr","3a84aa58-5120-41ab-94ac-71c1de3bacbe.webp","Online isometric perspective CSS generator for web elements",{"url":190,"name":191,"slug":192,"cover":193,"tagline":194},"https:\u002F\u002Fvectorwiki.com","VectorWiki","vectorwiki","84ecddf4-e16b-4453-a9cc-eeaa05fc56aa.webp","Search engine for thousands of free SVG vector icons",{"url":196,"name":197,"slug":198,"cover":199,"tagline":200},"https:\u002F\u002Fclipdrop.co\u002Fimage-upscaler","ClipDrop Image Upscaler","clipdrop-upscaler","c6120c2d-f2a6-4f51-afd7-653061751421.webp","AI-powered image upscaling up to 4x resolution",{"url":202,"name":203,"slug":204,"cover":205,"tagline":206},"https:\u002F\u002Fnijijourney.com","Niji Journey","niji-journey","77a82019-8f4c-4eaa-8f5d-4a958332543f.webp","AI image generator specialized in anime and illustration",{"url":208,"name":113,"slug":209,"cover":210,"tagline":211},"https:\u002F\u002Fscreensiz.es","screensizes","98f9bb8e-3061-402c-9988-35ca81fc6828.webp","Comprehensive reference for device screen sizes and resolutions",{"url":213,"name":214,"slug":215,"cover":216,"tagline":217},"https:\u002F\u002Fchecklist.design","Checklist Design","checklist-design","8e09f24a-d01a-4ef4-b71e-fbc3a6cef962.webp","Curated checklists for every stage of design",{"url":219,"name":220,"slug":221,"cover":222,"tagline":223},"https:\u002F\u002Fbing.com\u002Fcreate","Bing Image Creator","bing-image-creator","f4787931-584f-4b3c-886a-d2c2870593e5.webp","Free AI image generation powered by DALL-E",{"url":225,"name":226,"slug":227,"cover":228,"tagline":229},"https:\u002F\u002Ficongen.ai","IconGen","icongen","5c7fd8eb-ee93-443d-a8f0-6692dfb60acb.webp","AI icon generator from text descriptions",{"url":231,"name":232,"slug":233,"cover":234,"tagline":235},"https:\u002F\u002Ficons8.com","ICONS8","icons8","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools",{"url":237,"name":238,"slug":238,"cover":239,"tagline":240},"https:\u002F\u002Fwww.itshover.com\u002F","itshover","5ee0f018-6480-43b9-9892-57bfa01621f4.webp","open-source library of animated React icons with built-in motion for modern interfaces.",[242,255,272],{"url":243,"icon":9,"name":244,"slug":245,"tags":246,"cover":252,"tagline":253,"is_featured":3,"date_created":254,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[247,249,250,251],{"seo":9,"name":9,"slug":248},"collaboration",{"seo":9,"name":9,"slug":80},{"seo":9,"name":69,"slug":70},{"seo":9,"name":9,"slug":84},"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":256,"icon":9,"name":257,"slug":258,"tags":259,"cover":269,"tagline":270,"is_featured":3,"date_created":271,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[260,261,264,265,267],{"seo":9,"name":51,"slug":31},{"seo":9,"name":262,"slug":263},"Open Source","open-source",{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":266},"svg",{"seo":9,"name":9,"slug":268},"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":273,"icon":9,"name":274,"slug":275,"tags":276,"cover":282,"tagline":283,"is_featured":3,"date_created":284,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[277,279,280,281],{"seo":9,"name":9,"slug":278},"wireframe",{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":248},{"seo":9,"name":69,"slug":70},"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"]