[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-web-gradients-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-web-gradients-en-US":129,"related-resources-web-gradients-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":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},188,"WebGradients","web-gradients","https:\u002F\u002Fwebgradients.com\u002F","2025-11-12T01:50:19.538+00:00",null,"A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.","Gradient Library: 180 linear gradients numbered and themed\nCode Copy: One-click CSS gradient code\nDownload Options: PNG gradient images and Sketch\u002FPhotoshop plugins\nCompletely free, no registration required, commercial use allowed\nGradients categorized by style for quick discovery",{"title":14,"meta_description":15},"WebGradients - A free, open platform for sharing thousands of handcrafted gradients with one-click code copying. | DesignToolMark","Gradient Library: 180 linear gradients numbered and themed Code Copy: Oneclick CSS gradient code Download Options: PNG gradient images and Sketch\u002FPhotoshop p...",[17,18,19,20,21],"180 premium linear gradients numbered and organized by theme","One-click CSS gradient code copying","PNG gradient image downloads for design software","Official Sketch and Photoshop plugins available","Commercial use allowed with no attribution required",[23,24,25],"Well-organized, numbered catalog makes referencing easy","Sketch and Photoshop plugins integrate directly into design tools","Commercial use without attribution is a major plus for agencies",[27,28],"Limited to 180 gradients — smaller than some competitors","Only linear gradients, no radial or mesh gradient support","Designers who want a curated, commercially-safe set of linear gradients with native Sketch and Photoshop integration.","720798ad-a7f0-4007-86a7-e3274cdc108e.webp","d5a0e564-1568-4862-a548-4efd58c13dad.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47,50],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Web Design","web-design",{"name":51,"slug":52},"Gradient","gradient",[54,76,90,103],{"id":55,"url":56,"icon":10,"name":57,"slug":58,"tags":59,"cover":72,"tagline":73,"is_featured":74,"date_created":75,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[60,62,64,66,68,70],{"seo":10,"name":61,"slug":32},"Free",{"seo":10,"name":10,"slug":63},"fonts",{"seo":10,"name":10,"slug":65},"icons",{"seo":10,"name":10,"slug":67},"mockups",{"seo":10,"name":10,"slug":69},"ui-kits",{"seo":10,"name":10,"slug":71},"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":77,"url":78,"icon":10,"name":79,"slug":80,"tags":81,"cover":87,"tagline":88,"is_featured":74,"date_created":89,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[82,83,86],{"seo":10,"name":61,"slug":32},{"seo":10,"name":84,"slug":85},"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":91,"url":92,"icon":10,"name":93,"slug":94,"tags":95,"cover":100,"tagline":101,"is_featured":74,"date_created":102,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[96,97,98],{"seo":10,"name":61,"slug":32},{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":99},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":126,"tagline":127,"is_featured":74,"date_created":128,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[109,112,114,115,118,119,120,122,124],{"seo":10,"name":110,"slug":111},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":113},"ai",{"seo":10,"name":61,"slug":32},{"seo":10,"name":116,"slug":117},"Freemium","freemium",{"seo":10,"name":10,"slug":69},{"seo":10,"name":10,"slug":71},{"seo":10,"name":10,"slug":121},"prototyping",{"seo":10,"name":10,"slug":123},"no-code",{"seo":10,"name":10,"slug":125},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[130,136,142,147,153,159,165,171,177,183],{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"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":137,"name":138,"slug":139,"cover":140,"tagline":141},"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":143,"name":144,"slug":145,"cover":146,"tagline":11},"https:\u002F\u002Fgradienthunt.com\u002F","Gradient Hunt","gradient-hunt","screenshots\u002Fgradient-hunt.webp",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fcolorhuddle.co\u002F","ColorHuddle","color-huddle","15ba8798-61ff-4e6f-891e-d2414a1992f3.webp","A palette tool with live examples, offering copyable color codes and landing page previews, completely free.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fwww.supa-palette.com\u002F","Supa Palette","supa-palette","312940d7-5c40-4132-a1b4-bb2251a72aa6.webp","A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fwww.designgradients.com\u002F","Designgradients","designgradients","52ccd74b-aa9d-40f2-9e18-e9c5b63f6433.webp","A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"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":178,"name":179,"slug":180,"cover":181,"tagline":182},"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":184,"name":185,"slug":186,"cover":187,"tagline":188},"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.",[190,201,206],{"url":191,"icon":10,"name":192,"slug":193,"tags":194,"cover":198,"tagline":199,"is_featured":3,"date_created":200,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[195,196,197],{"seo":10,"name":10,"slug":43},{"seo":10,"name":61,"slug":32},{"seo":10,"name":10,"slug":52},"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":78,"icon":10,"name":79,"slug":80,"tags":202,"cover":87,"tagline":88,"is_featured":74,"date_created":89,"date_updated":10},[203,204,205],{"seo":10,"name":61,"slug":32},{"seo":10,"name":84,"slug":85},{"seo":10,"name":10,"slug":43},{"url":207,"icon":10,"name":208,"slug":209,"tags":210,"cover":212,"tagline":213,"is_featured":74,"date_created":214,"date_updated":10},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[211],{"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"]