[{"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":44,"related-resources-web-gradients":89},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"categories":31,"tags":36,"files":10,"pricing":43,"platform":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,"description":11},"WebGradients - A free, open platform for sharing thousands of handcrafted gradients with one-click code copying. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22,23,24],"Free to use","Color palette generation","Export to CSS\u002Fdesign tools","Large media library",[26,27],"Limited to color generation only","May require learning curve","Completely free, no registration required, commercial use allowed Gradients categorized by style for quick discovery","720798ad-a7f0-4007-86a7-e3274cdc108e.webp","d5a0e564-1568-4862-a548-4efd58c13dad.svg",[32],{"name":33,"slug":34,"sub_categories":35},"Colors & Palettes","colors-palettes",[],[37,40],{"name":38,"slug":39},"Colors","colors",{"name":41,"slug":42},"Freebie","freebie","free",[45,56,67,78],{"id":46,"url":47,"icon":48,"name":49,"slug":50,"tags":51,"cover":52,"tagline":53,"is_featured":10,"date_created":54,"date_updated":55},270,"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00",{"id":57,"url":58,"icon":59,"name":60,"slug":61,"tags":62,"cover":63,"tagline":64,"is_featured":10,"date_created":65,"date_updated":66},277,"https:\u002F\u002Fuxmovement.com\u002F","89e85a3d-da3b-472b-b85d-cc191cccfacd.svg","UX Movement","ux-movement",[],"b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.","2025-10-16T07:16:37.072+00:00","2026-06-13T08:36:58.995+00:00",{"id":68,"url":69,"icon":70,"name":71,"slug":72,"tags":73,"cover":74,"tagline":75,"is_featured":10,"date_created":76,"date_updated":77},274,"https:\u002F\u002Fmobbin.com\u002F","d73aee25-dc9a-47be-8c49-9384bf12c330.svg","Mobbin","mobbin",[],"27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.","2025-10-16T06:58:32.277+00:00","2026-06-13T08:35:31.882+00:00",{"id":79,"url":80,"icon":81,"name":82,"slug":83,"tags":84,"cover":85,"tagline":86,"is_featured":10,"date_created":87,"date_updated":88},280,"https:\u002F\u002Fwww.siteinspire.com\u002F","35a6894f-8f00-45fa-bafd-5e05a7e3e570.svg","Siteinspire","siteinspire",[],"d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.","2025-10-16T07:56:08.896+00:00","2026-06-13T08:33:18.256+00:00",[90,102,113],{"url":91,"icon":92,"name":93,"slug":94,"tags":95,"cover":98,"tagline":99,"is_featured":10,"date_created":100,"date_updated":101},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[96,97],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.","2025-10-18T09:23:35.221+00:00","2026-06-12T06:58:27.97347+00:00",{"url":103,"icon":104,"name":105,"slug":106,"tags":107,"cover":110,"tagline":11,"is_featured":10,"date_created":111,"date_updated":112},"https:\u002F\u002Fgradienthunt.com\u002F","0c9b5e0d-44d8-4596-bd46-46a18300b880.svg","Gradient Hunt","gradient-hunt",[108,109],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fgradient-hunt.webp","2025-10-07T07:14:33.847+00:00","2026-06-12T06:50:15.922637+00:00",{"url":114,"icon":115,"name":116,"slug":117,"tags":118,"cover":121,"tagline":122,"is_featured":10,"date_created":123,"date_updated":124},"https:\u002F\u002Fwww.grabient.com\u002F","4c7061c9-8d32-4925-82ff-dfa4f7515c48.svg","Grabient","grabient",[119,120],{"seo":10,"name":10,"slug":39},{"seo":10,"name":10,"slug":42},"screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.","2025-10-07T07:03:11.565+00:00","2026-06-12T06:50:02.78501+00:00"]