[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-shape-divider-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-shape-divider-en-US":128,"related-resources-shape-divider-en-US":189},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},124,"ShapeDivider","shape-divider","https:\u002F\u002Fwww.shapedivider.app\u002F","2025-11-11T09:11:56.593+00:00",null,"A free SVG shape divider generator with custom styling and code export, suitable for web design.","Preset styles: Waves and basic shapes\nDirection settings: Top\u002Fbottom divider with horizontal flip and color inversion\nColor: Hex code (default #FFFFFF)\nDimensions: Height (0-500px), width (100%-300%)\nOutput Format：\nStatic SVG code for manual integration into web development\nUsage Flow\nSelect shape style (e.g., Waves)\nAdjust color, orientation, and size parameters\nExport SVG code and embed into web pages\nPlatform Limitations\nNo dynamic generation; styles based on preset templates\nBasic shape adjustments only, no complex path editing",{"title":14,"meta_description":15},"ShapeDivider - A free SVG shape divider generator with custom styling and code export, suitable for web design. | DesignToolMark","Preset styles: Waves and basic shapes Direction settings: Top\u002Fbottom divider with horizontal flip and color inversion Color: Hex code (default FFFFFF) Dimens...",[17,18,19,20,21,22],"Preset wave and basic shape divider styles for web sections","Top and bottom divider placement with horizontal flip and color inversion","Custom hex color input with default #FFFFFF","Adjustable width from 100% to 300% and height from 0 to 500px","Static SVG code output for manual web integration","Simple four-step workflow: select shape, customize, copy code",[24,25,26],"Extremely simple and focused tool for one specific task","Free to use with no account required","Clean SVG code output that works with any framework",[28,29],"Limited to basic wave shapes with no advanced curve editing","No animation or layered divider effects","Best for web developers who need a quick, clean SVG shape divider between page sections without complex configuration.","3f53d144-7230-48f6-ad63-5eb4af777f6d.webp","9614f725-61e6-4357-abd3-dfae8980dc8a.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],{"name":46,"slug":47},"Illustrations","illustrations",{"name":49,"slug":50},"Freebie","freebie",[52,74,89,102],{"id":53,"url":54,"icon":10,"name":55,"slug":56,"tags":57,"cover":70,"tagline":71,"is_featured":72,"date_created":73,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[58,60,62,64,66,68],{"seo":10,"name":59,"slug":33},"Free",{"seo":10,"name":10,"slug":61},"fonts",{"seo":10,"name":10,"slug":63},"icons",{"seo":10,"name":10,"slug":65},"mockups",{"seo":10,"name":10,"slug":67},"ui-kits",{"seo":10,"name":10,"slug":69},"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":75,"url":76,"icon":10,"name":77,"slug":78,"tags":79,"cover":86,"tagline":87,"is_featured":72,"date_created":88,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[80,81,84],{"seo":10,"name":59,"slug":33},{"seo":10,"name":82,"slug":83},"Open Source","open-source",{"seo":10,"name":10,"slug":85},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":90,"url":91,"icon":10,"name":92,"slug":93,"tags":94,"cover":99,"tagline":100,"is_featured":72,"date_created":101,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[95,96,97],{"seo":10,"name":59,"slug":33},{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":98},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":103,"url":104,"icon":10,"name":105,"slug":106,"tags":107,"cover":125,"tagline":126,"is_featured":72,"date_created":127,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[108,111,113,114,117,118,119,121,123],{"seo":10,"name":109,"slug":110},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":112},"ai",{"seo":10,"name":59,"slug":33},{"seo":10,"name":115,"slug":116},"Freemium","freemium",{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":120},"prototyping",{"seo":10,"name":10,"slug":122},"no-code",{"seo":10,"name":10,"slug":124},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[129,135,141,147,153,159,165,171,177,183],{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"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":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fwangyasai.github.io\u002Fdesigntools.html","Yasai","yasai","df1f3693-9486-4ee9-92fc-c8936c90d6cf.webp","offering particle text, digital rain effects, and dynamic generators for free commercial use.",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"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":148,"name":149,"slug":150,"cover":151,"tagline":152},"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":154,"name":155,"slug":156,"cover":157,"tagline":158},"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":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":174,"cover":175,"tagline":176},"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":178,"name":179,"slug":180,"cover":181,"tagline":182},"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":184,"name":185,"slug":186,"cover":187,"tagline":188},"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.",[190,199,212],{"url":191,"icon":10,"name":192,"slug":193,"tags":194,"cover":196,"tagline":197,"is_featured":72,"date_created":198,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[195],{"seo":10,"name":10,"slug":122},"9ee2077d-de96-48a7-b428-8fc41efb45ab.webp","Free design tool collection for developers","2026-06-23T14:37:15.970506+00:00",{"url":200,"icon":10,"name":201,"slug":202,"tags":203,"cover":209,"tagline":210,"is_featured":72,"date_created":211,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[204,205,206,208],{"seo":10,"name":10,"slug":112},{"seo":10,"name":109,"slug":110},{"seo":10,"name":10,"slug":207},"image-editing",{"seo":10,"name":115,"slug":116},"90a140a0-f351-4c2b-84aa-2b6f26cbc3b6.webp","AI product photo background generator","2026-06-23T12:31:55.630534+00:00",{"url":213,"icon":10,"name":214,"slug":215,"tags":216,"cover":220,"tagline":221,"is_featured":72,"date_created":222,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[217,218,219],{"seo":10,"name":59,"slug":33},{"seo":10,"name":10,"slug":47},{"seo":10,"name":10,"slug":98},"199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery","2026-06-23T11:25:28.014388+00:00"]