[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-svg-wave-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-svg-wave-en-US":131,"related-resources-svg-wave-en-US":192},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},125,"Svg Wave","svg-wave","https:\u002F\u002Fsvgwave.in\u002F","2025-11-11T09:12:57.169+00:00",null,"An SVG wave background generator with customizable wave count, layers, height, and color gradients.","Count: Up to 5 layers\nHeight: Numeric adjustment (default 2)\nColor: Gradient effect support\nOutput Format:\nSVG vector graphics for web backgrounds",{"title":14,"meta_description":15},"Svg Wave - An SVG wave background generator with customizable wave count, layers, height, and color gradients. | DesignToolMark","Count: Up to 5 layers Height: Numeric adjustment (default 2) Color: Gradient effect support Output Format: SVG vector graphics for web backgrounds",[17,18,19,20,21,22],"Up to 5 layered wave layers for depth effects","Adjustable wave count per layer for complexity control","Gradient color support for smooth color transitions","Numeric height adjustment for wave amplitude","SVG vector format for crisp rendering at any scale","Clean and minimal interface focused on wave generation",[24,25,26],"Multiple wave layers create rich background depth","Gradient support adds professional polish","Lightweight SVG output with minimal file size",[28,29],"Only generates wave patterns, no other shape types","No animation or motion effects for waves","Best for designers who want multi-layered SVG wave backgrounds with gradient colors for modern web interfaces.","1c2da044-b8c2-4f6a-818b-52ce7c10e947.webp","d8b44a2d-d21d-4479-990a-66e46a6b2c42.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},"Freebie","freebie",{"name":52,"slug":53},"SVG","svg",[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":128,"tagline":129,"is_featured":75,"date_created":130,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[111,114,116,117,120,121,122,124,126],{"seo":10,"name":112,"slug":113},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":115},"ai",{"seo":10,"name":62,"slug":33},{"seo":10,"name":118,"slug":119},"Freemium","freemium",{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":72},{"seo":10,"name":10,"slug":123},"prototyping",{"seo":10,"name":10,"slug":125},"no-code",{"seo":10,"name":10,"slug":127},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[132,138,144,150,156,162,168,174,180,186],{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fneat.firecms.co\u002F","NEAT","neat","13b223d1-bcb0-46cf-b6db-c4761145126b.webp","A 3D gradient animation library by FireCMS, built on three.js with web integration and custom configuration support.",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"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":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fbgjar.com\u002F","BGJar","bg-jar","251fe04f-7917-4f20-ab4f-2dcdbd8c9ec5.webp","A free SVG background generator with 25 preset styles, supporting custom editing and commercial use.",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fcreatica.app\u002F","Creatica","creatica","35ddc99f-ff27-4aa5-b3b4-a21287da7eac.webp","An online tool with 50+ SVG background generators, offering free basic access and Pro subscription for advanced customization.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"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":163,"name":164,"slug":165,"cover":166,"tagline":167},"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":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fhaikei.app\u002F","Haikei","haikei","9a29e1dd-5652-4c45-ae6b-dffab165fa98.webp","A free SVG design asset generator with multiple generators and customization options, supporting PNG\u002FSVG export.",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"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":181,"name":182,"slug":183,"cover":184,"tagline":185},"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":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fwww.background.supply\u002F","Background","background","8d3ccad6-211d-460f-bac4-c664242345ca.webp","An AI-generated background resource site offering 6K resolution images with Midjourney prompts, organized into 6 thematic collections.",[193,202,215],{"url":194,"icon":10,"name":195,"slug":196,"tags":197,"cover":199,"tagline":200,"is_featured":75,"date_created":201,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[198],{"seo":10,"name":10,"slug":125},"9ee2077d-de96-48a7-b428-8fc41efb45ab.webp","Free design tool collection for developers","2026-06-23T14:37:15.970506+00:00",{"url":203,"icon":10,"name":204,"slug":205,"tags":206,"cover":212,"tagline":213,"is_featured":75,"date_created":214,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[207,208,209,211],{"seo":10,"name":10,"slug":115},{"seo":10,"name":112,"slug":113},{"seo":10,"name":10,"slug":210},"image-editing",{"seo":10,"name":118,"slug":119},"90a140a0-f351-4c2b-84aa-2b6f26cbc3b6.webp","AI product photo background generator","2026-06-23T12:31:55.630534+00:00",{"url":216,"icon":10,"name":217,"slug":218,"tags":219,"cover":223,"tagline":224,"is_featured":75,"date_created":225,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[220,221,222],{"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"]