[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-doodad-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-doodad-en-US":128,"related-resources-doodad-en-US":188},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},127,"Doodad","doodad","https:\u002F\u002Fdoodad.dev\u002F","2025-11-11T09:14:44.386+00:00",null,"A collection of web development tools including pattern generation, image dithering, and gradient tools with privacy focus.","Pattern Generator: Create custom patterns\nDither Me This: Image dithering tool\nNot Another Gradient Generator: Gradient effect creator",{"title":14,"meta_description":15},"Doodad - A collection of web development tools including pattern generation, image dithering, and gradient tools with privacy focus. | DesignToolMark","Pattern Generator: Create custom patterns Dither Me This: Image dithering tool Not Another Gradient Generator: Gradient effect creator",[17,18,19,20,21,22],"Pattern Generator for creating custom repeating patterns","Dither Me This image dithering tool for retro bitmap effects","Not Another Gradient Generator for custom gradient creation","Privacy-focused design with no tracking or data collection","Three distinct web development utility tools in one site","Minimal and fast interface without unnecessary bloat",[24,25,26],"Privacy-first approach with no analytics tracking","Image dithering tool is unique and hard to find elsewhere","Three useful tools consolidated in one place",[28,29],"Only three tools available, limited scope","No export format options beyond basic output","Best for web developers who value privacy and need quick access to pattern, dithering, and gradient generation tools.","7eb9f7bb-6a80-4465-913f-b32be332c24a.webp","28c0a0a1-8f6a-4454-9307-2f9e9f64b840.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,176,182],{"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\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":142,"name":143,"slug":144,"cover":145,"tagline":146},"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":148,"name":149,"slug":150,"cover":151,"tagline":152},"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":154,"name":155,"slug":156,"cover":157,"tagline":158},"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":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":173,"cover":174,"tagline":175},"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":177,"name":178,"slug":179,"cover":180,"tagline":181},"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.",{"url":183,"name":184,"slug":185,"cover":186,"tagline":187},"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.",[189,198,211],{"url":190,"icon":10,"name":191,"slug":192,"tags":193,"cover":195,"tagline":196,"is_featured":72,"date_created":197,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[194],{"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":199,"icon":10,"name":200,"slug":201,"tags":202,"cover":208,"tagline":209,"is_featured":72,"date_created":210,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[203,204,205,207],{"seo":10,"name":10,"slug":112},{"seo":10,"name":109,"slug":110},{"seo":10,"name":10,"slug":206},"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":212,"icon":10,"name":213,"slug":214,"tags":215,"cover":219,"tagline":220,"is_featured":72,"date_created":221,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[216,217,218],{"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"]