[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-haikei-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-haikei-en-US":130,"related-resources-haikei-en-US":190},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":44,"files":10},129,"Haikei","haikei","https:\u002F\u002Fhaikei.app\u002F","2025-11-11T09:16:23.007+00:00",null,"A free SVG design asset generator with multiple generators and customization options, supporting PNG\u002FSVG export.","Shape Generators: Waves, steps, peaks, blobs, symbols, grids, gradients, etc.\nSpecial Features: Stacked\u002Flayered effects, random generation button (dice icon)\nTechnical Features\nIntegration: Compatible with design tools, CMS, and code bases\nCanvas Sizes: Preset common sizes with custom adjustment support\nUse Cases\nUI Design: Login screens, banner backgrounds, product showcases\nSlide Decks: Presentation backgrounds\nBlog Posts: Cover images\nSocial Media: Twitter headers, LinkedIn posts, Instagram stories",{"title":14,"meta_description":15},"Haikei - A free SVG design asset generator with multiple generators and customization options, supporting PNG\u002FSVG export. | DesignToolMark","Shape Generators: Waves, steps, peaks, blobs, symbols, grids, gradients, etc. Special Features: Stacked\u002Flayered effects, random generation button (dice icon)...",[17,18,19,20,21,22],"Multiple generator types: waves, steps, peaks, blobs, symbols, grids, and gradients","Stacked and layered effects for combining multiple generators","Random generation button (dice icon) for instant inspiration","Preset common canvas sizes with custom dimension support","Compatible with design tools, CMS platforms, and code bases","PNG and SVG export formats available",[24,25,26],"Wide variety of generator types for different design needs","Stacked layers allow combining effects for unique results","Integrates easily with existing design workflows",[28,29],"Some generators lack deep customization options","No vector editing capabilities after generation","Best for designers and developers who need a versatile free SVG generator for waves, blobs, gradients, and layered design assets.","9a29e1dd-5652-4c45-ae6b-dffab165fa98.webp","5daae789-9acf-40ab-b515-eb841eb48feb.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Illustrations & Graphics","illustrations-graphics",[41],{"name":42,"slug":43},"Background & Pattern Generators","background-pattern-generators",[45,48,51],{"name":46,"slug":47},"Illustrations","illustrations",{"name":49,"slug":50},"AI","ai",{"name":52,"slug":53},"Freebie","freebie",[55,77,92,105],{"id":56,"url":57,"icon":10,"name":58,"slug":59,"tags":60,"cover":73,"tagline":74,"is_featured":75,"date_created":76,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[61,63,65,67,69,71],{"seo":10,"name":62,"slug":33},"Free",{"seo":10,"name":10,"slug":64},"fonts",{"seo":10,"name":10,"slug":66},"icons",{"seo":10,"name":10,"slug":68},"mockups",{"seo":10,"name":10,"slug":70},"ui-kits",{"seo":10,"name":10,"slug":72},"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":78,"url":79,"icon":10,"name":80,"slug":81,"tags":82,"cover":89,"tagline":90,"is_featured":75,"date_created":91,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[83,84,87],{"seo":10,"name":62,"slug":33},{"seo":10,"name":85,"slug":86},"Open Source","open-source",{"seo":10,"name":10,"slug":88},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":93,"url":94,"icon":10,"name":95,"slug":96,"tags":97,"cover":102,"tagline":103,"is_featured":75,"date_created":104,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[98,99,100],{"seo":10,"name":62,"slug":33},{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":101},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":106,"url":107,"icon":10,"name":108,"slug":109,"tags":110,"cover":127,"tagline":128,"is_featured":75,"date_created":129,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[111,114,115,116,119,120,121,123,125],{"seo":10,"name":112,"slug":113},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":50},{"seo":10,"name":62,"slug":33},{"seo":10,"name":117,"slug":118},"Freemium","freemium",{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":72},{"seo":10,"name":10,"slug":122},"prototyping",{"seo":10,"name":10,"slug":124},"no-code",{"seo":10,"name":10,"slug":126},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[131,137,143,149,155,161,166,172,178,184],{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fwww.shapedivider.app\u002F","ShapeDivider","shape-divider","3f53d144-7230-48f6-ad63-5eb4af777f6d.webp","A free SVG shape divider generator with custom styling and code export, suitable for web design.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fsvgwave.in\u002F","Svg Wave","svg-wave","1c2da044-b8c2-4f6a-818b-52ce7c10e947.webp","An SVG wave background generator with customizable wave count, layers, height, and color gradients.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fpatternico.com\u002F","Patternico","patternico","f808851b-31cb-4491-a3fb-e49ec33c54b4.webp","A free seamless pattern generator with Emoji and icon support, featuring customizable background and transparency settings.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Ftabbied.com\u002F","Tabbied","tabbied","a1b1220d-75f6-4111-b1fa-7904a933e8e9.webp","A free pattern generator with 8 preset templates, supporting color customization and free download.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fpatterns.helloyes.dev\u002F","Basic Pattern","basic-pattern","148ba975-6def-4165-99a3-7f8eb81b81c1.webp","A basic SVG pattern repository with at least 41 patterns.",{"url":162,"name":163,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fwww.fffuel.co\u002F","fffuel","9191e754-5e48-42ad-b07f-2f5c32b3f502.webp","A design resource site with 50+ free SVG generators covering shapes, gradients, textures, and multi-format export support.",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Frepper.app\u002F","Repper","repper","7406b1b1-3ffb-47a2-8b7b-04537d32e923.webp","A professional seamless pattern maker with 3D preview and cross-platform access, offering commercial rights via membership.",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fdoodad.dev\u002F","Doodad","doodad","7eb9f7bb-6a80-4465-913f-b32be332c24a.webp","A collection of web development tools including pattern generation, image dithering, and gradient tools with privacy focus.",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Fpatternkid.com\u002F","PatternKid","pattern-kid","9f9ad26b-dc06-420b-a4ea-8900412dd30d.webp","A geometric pattern generator with one-click random creation and plugin integration, ideal for UI design, ecommerce, and social media.",{"url":185,"name":186,"slug":187,"cover":188,"tagline":189},"https:\u002F\u002Fpatternpad.com\u002F","PatternPad","pattern-pad","fd6e42a6-2f55-4df8-911a-ff09243a7945.webp","A free pattern generator with custom color\u002Fshape parameters, multi-format export, and commercial use allowed with attribution.",[191,200,213],{"url":192,"icon":10,"name":193,"slug":194,"tags":195,"cover":197,"tagline":198,"is_featured":75,"date_created":199,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[196],{"seo":10,"name":10,"slug":124},"9ee2077d-de96-48a7-b428-8fc41efb45ab.webp","Free design tool collection for developers","2026-06-23T14:37:15.970506+00:00",{"url":201,"icon":10,"name":202,"slug":203,"tags":204,"cover":210,"tagline":211,"is_featured":75,"date_created":212,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[205,206,207,209],{"seo":10,"name":10,"slug":50},{"seo":10,"name":112,"slug":113},{"seo":10,"name":10,"slug":208},"image-editing",{"seo":10,"name":117,"slug":118},"90a140a0-f351-4c2b-84aa-2b6f26cbc3b6.webp","AI product photo background generator","2026-06-23T12:31:55.630534+00:00",{"url":214,"icon":10,"name":215,"slug":216,"tags":217,"cover":221,"tagline":222,"is_featured":75,"date_created":223,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[218,219,220],{"seo":10,"name":62,"slug":33},{"seo":10,"name":10,"slug":47},{"seo":10,"name":10,"slug":101},"199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery","2026-06-23T11:25:28.014388+00:00"]