[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-patternico-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-patternico-en-US":131,"related-resources-patternico-en-US":191},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},126,"Patternico","patternico","https:\u002F\u002Fpatternico.com\u002F","2025-11-11T09:13:33.515+00:00",null,"A free seamless pattern generator with Emoji and icon support, featuring customizable background and transparency settings.","Emoji Patterns: Repeating patterns based on emojis\nFont Awesome Line Icons: Minimalist icon-based designs\nBackground Color: Hex code support (default #ffca41)\nShape Transparency: 0%-100% adjustment (default 33%)\nCanvas Size: Custom pixel dimensions (default 250×250px)\nTechnical Capabilities\nOutput Format: Presumed PNG\u002FJPG seamless backgrounds (not explicitly stated)\nUse Cases: Website backgrounds, social media materials, UI design fills",{"title":14,"meta_description":15},"Patternico - A free seamless pattern generator with Emoji and icon support, featuring customizable background and transparency settings. | DesignToolMark","Emoji Patterns: Repeating patterns based on emojis Font Awesome Line Icons: Minimalist iconbased designs Background Color: Hex code support (default ffca41) ...",[17,18,19,20,21,22],"Seamless pattern generation using emoji characters","Font Awesome line icons for minimalist icon-based patterns","Customizable background color with hex code support","Shape transparency adjustment from 0% to 100%","Custom canvas dimensions in pixels","PNG and SVG export formats for versatile use",[24,25,26],"Unique emoji-based patterns are fun and creative","Font Awesome icon integration adds professional options","Both PNG and SVG export available",[28,29],"Limited to emoji and Font Awesome icon patterns only","No geometric shape or custom drawing tools","Best for designers creating playful emoji-based or icon-driven seamless patterns for social media, web, and print projects.","f808851b-31cb-4491-a3fb-e49ec33c54b4.webp","80135722-f3e1-458e-a108-fdd1b9fdfd1f.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},"Pattern","pattern",[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,179,185],{"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\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":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":159,"cover":160,"tagline":161},"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":163,"name":164,"slug":165,"cover":166,"tagline":167},"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":169,"name":170,"slug":171,"cover":172,"tagline":173},"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":175,"name":176,"slug":176,"cover":177,"tagline":178},"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":180,"name":181,"slug":182,"cover":183,"tagline":184},"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":186,"name":187,"slug":188,"cover":189,"tagline":190},"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.",[192,201,214],{"url":193,"icon":10,"name":194,"slug":195,"tags":196,"cover":198,"tagline":199,"is_featured":75,"date_created":200,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[197],{"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":202,"icon":10,"name":203,"slug":204,"tags":205,"cover":211,"tagline":212,"is_featured":75,"date_created":213,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[206,207,208,210],{"seo":10,"name":10,"slug":115},{"seo":10,"name":112,"slug":113},{"seo":10,"name":10,"slug":209},"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":215,"icon":10,"name":216,"slug":217,"tags":218,"cover":222,"tagline":223,"is_featured":75,"date_created":224,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[219,220,221],{"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"]