[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-neat-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-neat-en-US":128,"related-resources-neat-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},122,"NEAT","neat","https:\u002F\u002Fneat.firecms.co\u002F","2025-11-11T09:10:27.936+00:00",null,"A 3D gradient animation library by FireCMS, built on three.js with web integration and custom configuration support.","3D Gradient Effects:\nDynamic, geometric deformation visual effects\nCustomizable parameters: colors (multi-color gradients), speed, wave frequency, shadow intensity\nTechnical Implementation:\nWebGL shader rendering with GPU acceleration\nBased on three.js framework, supports JavaScript API\nUsage\nInstallation: Import via npm\u002Fyarn\nConfiguration Example:\n`javascript\nconst neat = new NeatGradient({\nref: document.getElementById(\"gradient\"),\nconfig: { colors: [\"#FF5772\", \"#4CB4BB\"], speed: 4 }\n});\n`\nExport: Real-time rendering to web background, no explicit file export\nLicensing\nOpen Source License: GPL-3.0\nCommercial Use: Must comply with open-source terms and retain copyright information",{"title":14,"meta_description":15},"NEAT - A 3D gradient animation library by FireCMS, built on three.js with web integration and custom configuration support. | DesignToolMark","3D Gradient Effects: Dynamic, geometric deformation visual effects Customizable parameters: colors (multicolor gradients), speed, wave frequency, shadow inte...",[17,18,19,20,21,22],"3D gradient animations powered by three.js with WebGL GPU acceleration","Multi-color gradient support with customizable color palettes","Adjustable animation speed, wave frequency, and shadow intensity","JavaScript API for easy web project integration","Dynamic geometric deformation visual effects","GPU-accelerated shader rendering for smooth performance",[24,25,26],"GPU-accelerated WebGL rendering ensures high performance","Deep parameter customization for unique gradient animations","Easy web integration via JavaScript API",[28,29],"Requires three.js knowledge to implement effectively","No visual editor or drag-and-drop interface","Best for web developers who want to add high-performance 3D gradient animations to their sites using three.js and JavaScript.","13b223d1-bcb0-46cf-b6db-c4761145126b.webp","19417e43-20d8-4018-a14c-33a317582aa7.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\u002Fweareskribbl.com\u002F","Skribbl","skribbl","150e2612-cced-4ff8-bb42-57eb156caab5.webp","A resource platform offering 2,966 hand-drawn royalty-free illustrations for commercial use, created by 77 global artists.",{"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\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":148,"name":149,"slug":150,"cover":151,"tagline":152},"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":154,"name":155,"slug":156,"cover":157,"tagline":158},"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":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":174,"cover":175,"tagline":176},"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":178,"name":179,"slug":180,"cover":181,"tagline":182},"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":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Ficons8.com\u002Fillustrations","OUCH","ouch","369cffbe-5495-4335-a8c2-ced47a5ae500.webp","A resource platform offering free vector, 3D, and animated illustrations with multiple styles and format support.",[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"]