[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-gradient-lab-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":56,"alternatives-gradient-lab-en-US":112,"related-resources-gradient-lab-en-US":143},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":28,"best_for":32,"cover":33,"icon":9,"pricing":34,"platform":35,"github_url":9,"twitter_url":37,"discord_url":9,"dribbble_url":9,"pricing_tiers":38,"views_count":40,"featured_rank":9,"categories":41,"tags":46,"files":9},876,"Gradient Lab","gradient-lab","https:\u002F\u002Fbackgrounds.supply\u002Fgradient-lab",null,"Free shader-based gradients for hero sections and backgrounds","Gradient Lab by Backgrounds Supply is a free, browser-based gradient generator that goes beyond classic linear and radial fades. It uses shader effects to produce rich, organic gradients — flowing color fields, grain, and light — ideal for hero sections, social cards, and app backgrounds.\n\nChoose from over 20 shader presets, tweak colors and parameters live, and export your result as a PNG image, a video, or directly embed it via HTML\u002FCSS. Everything runs in the browser, with no sign-up needed.\n\nThe tool is part of the Backgrounds Supply family, a collection of free background generators and tools for designers and developers.",{"title":13,"meta_description":14},"Gradient Lab — Free shader-based gradients for hero sections and backgrounds","Gradient Lab by Backgrounds Supply is a free, browserbased gradient generator that goes beyond classic linear and radial fades. It uses shader effects to pro...",[16,17,18,19,20,21,22],"Shader-based gradient generator, free in the browser","20+ shader presets for rich organic gradients","Live color and parameter editing","Export as PNG or video","Direct embed via HTML\u002FCSS","No account required","Part of the free Backgrounds Supply toolkit",[24,25,26,27],"More organic results than classic CSS gradients","Multiple export formats","Free with no sign-up","Fast to iterate live",[29,30,31],"Shader presets not fully customizable at code level","Video export is limited compared to animation tools","Browser-based only","Best for designers and developers who want rich, organic background gradients fast and free","185893cc-19cb-493a-b73d-ecaafa4f1305.webp","free",[36],"Web","https:\u002F\u002Fx.com\u002Fbackgroundsupply",{"free":3,"note":39},"Free shader gradient generator",0,[42],{"name":43,"slug":44,"sub_categories":45},"Colors & Palettes","colors-palettes",[],[47,50,53],{"name":48,"slug":49},"Gradient","gradient",{"name":51,"slug":52},"Colors","colors",{"name":54,"slug":55},"Freebie","freebie",[57,74,85,100],{"id":58,"url":59,"icon":9,"name":60,"slug":61,"tags":62,"cover":70,"tagline":71,"is_featured":72,"date_created":73,"date_updated":9},886,"https:\u002F\u002Frobbietilton.com\u002Fcompositor","Compositor","compositor",[63,65,68],{"seo":9,"name":64,"slug":34},"Free",{"seo":9,"name":66,"slug":67},"Open Source","open-source",{"seo":9,"name":9,"slug":69},"image-editing","7c6004b5-ad63-4528-b46f-af98a977bded.webp","The Photoshop alternative for Mac — free, open source, and always yours",false,"2026-09-20T09:21:14.062761+00:00",{"id":75,"url":76,"icon":9,"name":77,"slug":78,"tags":79,"cover":82,"tagline":83,"is_featured":72,"date_created":84,"date_updated":9},885,"https:\u002F\u002Ftenzen.studio\u002Fphoton\u002F","Photon Studio","photon-studio",[80,81],{"seo":9,"name":64,"slug":34},{"seo":9,"name":9,"slug":69},"af10e82a-fbef-49bc-a66e-8666dd2b86db.webp","A free desktop image editor with layers, retouching, and native PSD support","2026-09-18T08:27:18.65337+00:00",{"id":86,"url":87,"icon":9,"name":88,"slug":89,"tags":90,"cover":97,"tagline":98,"is_featured":72,"date_created":99,"date_updated":9},884,"https:\u002F\u002Fwww.videowatermarkremove.com\u002F","CleanVideoAI","videowatermarkremove",[91,92,95],{"seo":9,"name":64,"slug":34},{"seo":9,"name":93,"slug":94},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":96},"video","667bb968-b9b8-4d76-b9b5-0a4466ff5e99.webp","Remove watermarks, logos, and text from videos instantly — free & no login","2026-09-08T08:18:26.941938+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":109,"tagline":110,"is_featured":72,"date_created":111,"date_updated":9},883,"https:\u002F\u002Ffal.ai\u002Ftools\u002Fminimax-h3-max","MiniMax H3 Max","minimax-h3-max",[106,107,108],{"seo":9,"name":64,"slug":34},{"seo":9,"name":93,"slug":94},{"seo":9,"name":9,"slug":96},"82bdc270-6655-4c95-8d12-a4c23b9612e4.webp","Turn a prompt or image into a video clip in seconds — free","2026-08-31T06:38:51.452519+00:00",[113,119,125,131,137],{"url":114,"name":115,"slug":116,"cover":117,"tagline":118},"https:\u002F\u002Fcolourcontrast.cc\u002F","Colour Contrast Checker","colour-contrast-checker","cd62a457-6e63-4e31-b000-531d3eb836ab.webp","Simple WCAG color contrast checker for accessible design",{"url":120,"name":121,"slug":122,"cover":123,"tagline":124},"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator","bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API",{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Folivia-tsui.github.io\u002Fct","Color Scale Tool","color-scale-tool","961aa9d6-73c4-4634-9060-b26dd258a61b.webp","Generate light and dark color scales interactively",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS",[144,155,161],{"url":145,"icon":9,"name":146,"slug":147,"tags":148,"cover":152,"tagline":153,"is_featured":3,"date_created":154,"date_updated":9},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[149,150,151],{"seo":9,"name":9,"slug":52},{"seo":9,"name":64,"slug":34},{"seo":9,"name":9,"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":138,"icon":9,"name":139,"slug":140,"tags":156,"cover":141,"tagline":142,"is_featured":72,"date_created":160,"date_updated":9},[157,158,159],{"seo":9,"name":64,"slug":34},{"seo":9,"name":66,"slug":67},{"seo":9,"name":9,"slug":52},"2026-07-16T01:39:25.742464+00:00",{"url":126,"icon":9,"name":127,"slug":128,"tags":162,"cover":129,"tagline":130,"is_featured":72,"date_created":164,"date_updated":9},[163],{"seo":9,"name":9,"slug":52},"2026-06-24T04:31:04.697212+00:00"]