[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-designgradients-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-designgradients-en-US":126,"related-resources-designgradients-en-US":186},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":10},190,"Designgradients","designgradients","https:\u002F\u002Fwww.designgradients.com\u002F","2025-11-12T01:49:22.158+00:00",null,"A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.","Gradient Library: 48 linear gradients numbered dg-01 to dg-48 (e.g., dg-01: #A531DC → #4300B1, dg-02: #FF896D → #D02020)\nColor Format: Provides start\u002Fend HEX values for direct application\nDesign Compatibility: Suitable for web, UI, and digital art backgrounds\nCompletely free with no registration required for commercial use\nCurated by designers for visual harmony",{"title":14,"meta_description":15},"Designgradients - A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds. | DesignToolMark","Gradient Library: 48 linear gradients numbered dg01 to dg48 (e.g., dg01: A531DC → 4300B1, dg02: FF896D → D02020) Color Format: Provides start\u002Fend HEX values ...",[17,18,19,20,21],"48 designer-curated linear gradients (dg-01 to dg-48)","Start and end HEX values provided for each gradient","Optimized for web, UI, and digital art backgrounds","Free with no registration required","Simple, distraction-free interface for quick browsing",[23,24,25],"Every gradient is hand-picked by a designer for quality","HEX-only format means maximum simplicity and compatibility","Perfectly sized collection — enough variety without being overwhelming",[27,28],"Small library with only 48 options","No CSS code output or download options, just HEX values","Digital artists and UI designers who need a small, curated set of reliable gradients with simple HEX codes.","52ccd74b-aa9d-40f2-9e18-e9c5b63f6433.webp","c4dad9fc-8d7c-4438-87f6-8de31c949a3b.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Gradient","gradient",[51,73,87,100],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[57,59,61,63,65,67],{"seo":10,"name":58,"slug":32},"Free",{"seo":10,"name":10,"slug":60},"fonts",{"seo":10,"name":10,"slug":62},"icons",{"seo":10,"name":10,"slug":64},"mockups",{"seo":10,"name":10,"slug":66},"ui-kits",{"seo":10,"name":10,"slug":68},"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":74,"url":75,"icon":10,"name":76,"slug":77,"tags":78,"cover":84,"tagline":85,"is_featured":71,"date_created":86,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[79,80,83],{"seo":10,"name":58,"slug":32},{"seo":10,"name":81,"slug":82},"Open Source","open-source",{"seo":10,"name":10,"slug":43},"7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":88,"url":89,"icon":10,"name":90,"slug":91,"tags":92,"cover":97,"tagline":98,"is_featured":71,"date_created":99,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[93,94,95],{"seo":10,"name":58,"slug":32},{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":96},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":123,"tagline":124,"is_featured":71,"date_created":125,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[106,109,111,112,115,116,117,119,121],{"seo":10,"name":107,"slug":108},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":110},"ai",{"seo":10,"name":58,"slug":32},{"seo":10,"name":113,"slug":114},"Freemium","freemium",{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":118},"prototyping",{"seo":10,"name":10,"slug":120},"no-code",{"seo":10,"name":10,"slug":122},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[127,133,139,145,150,156,162,168,174,180],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fproducts.ls.graphics\u002Fmesh-gradients\u002F","Mesh Gradients","mesh-gradients","0d2608a0-618e-4bc3-ab9b-8a4d6fe5316c.webp","A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow\u002Fpastel\u002Fnatural styles.",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fwww.grabient.com\u002F","Grabient","grabient","screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Fgradienthunt.com\u002F","Gradient Hunt","gradient-hunt","screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.",{"url":146,"name":147,"slug":148,"cover":149,"tagline":144},"https:\u002F\u002Fwebgradients.com\u002F","WebGradients","web-gradients","720798ad-a7f0-4007-86a7-e3274cdc108e.webp",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Frandoma11y.com\u002F","RandomA11y","random-a11y","screenshots\u002Frandom-a11y.webp","An accessible color combo generator producing WCAG\u002FAPCA-compliant contrasts with multi-format values and CSS code.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fcolorslurp.com\u002F","ColorSlurp","color-slurp","2974c246-584a-445a-a315-cbffa3611f41.webp","A cross-platform color tool suite with precision picking, palette management, contrast checking, and Mac\u002FiOS sync.",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fsipapp.io\u002F","Sip","sip","347e2054-00de-4113-80d7-595be9bef28e.webp","A modern color picker and collaboration tool with menubar access, team palette sharing, and contrast checking for design workflows.",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fcolors.dopely.top\u002F","Dopely Colors","dopely-colors","436c4ab3-dd56-48dc-a52a-2af6cd9274ac.webp","Dopely Colors offers a comprehensive set of online color tools for generating, exploring, and managing color palettes.",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fmaterialui.co\u002F","Material UI Color Tool","material-ui-color-tool","screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fwww.gradientos.app\u002F","Gradientos","gradientos","167d6ced-3e7a-4475-9daf-d5b45a1a3240.webp","A UI element gradient showcase tool offering curated CSS gradients with live preview on interface components.",[187,198,203],{"url":188,"icon":10,"name":189,"slug":190,"tags":191,"cover":195,"tagline":196,"is_featured":3,"date_created":197,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[192,193,194],{"seo":10,"name":10,"slug":43},{"seo":10,"name":58,"slug":32},{"seo":10,"name":10,"slug":49},"e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists","2026-06-16T07:14:22.345664+00:00",{"url":75,"icon":10,"name":76,"slug":77,"tags":199,"cover":84,"tagline":85,"is_featured":71,"date_created":86,"date_updated":10},[200,201,202],{"seo":10,"name":58,"slug":32},{"seo":10,"name":81,"slug":82},{"seo":10,"name":10,"slug":43},{"url":204,"icon":10,"name":205,"slug":206,"tags":207,"cover":209,"tagline":210,"is_featured":71,"date_created":211,"date_updated":10},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[208],{"seo":10,"name":10,"slug":43},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00"]