[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-grabient-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-grabient-en-US":113,"related-resources-grabient-en-US":173},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},186,"Grabient","grabient","https:\u002F\u002Fwww.grabient.com\u002F","2026-06-12T06:50:02.78501+00:00",null,"A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.","Gradient Generation: Themed gradient schemes (e.g., Autumn, Cyberpunk, Sunset)\nPalette Discovery: Browse popular style gradients with one-click code copying\nTheme Toggle: Light\u002Fdark theme switching for different usage scenarios",{"title":14,"meta_description":15},"Grabient - A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access. | DesignToolMark","Gradient Generation: Themed gradient schemes (e.g., Autumn, Cyberpunk, Sunset) Palette Discovery: Browse popular style gradients with oneclick code copying T...",[17,18,19,20,21],"Theme-based gradient schemes like Autumn, Cyberpunk, and Sunset","Browse popular gradient styles with one-click code copying","Light\u002Fdark theme toggle for the interface","Curated gradient collection for quick inspiration","Free access with no registration required",[23,24,25],"Themed organization makes finding the right mood easy","One-click copy speeds up workflow significantly","Light\u002Fdark interface toggle adapts to your environment",[27,28],"Limited to gradients only — no solid color palette features","No custom gradient editing or adjustment controls","Designers looking for themed gradient inspiration with a quick copy-paste workflow.","screenshots\u002Fgrabient.webp","4c7061c9-8d32-4925-82ff-dfa4f7515c48.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",[48,80,90,100],{"id":49,"url":50,"icon":10,"name":51,"slug":52,"tags":53,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[54,57,59,62,64,66,68,70,72,74],{"seo":10,"name":55,"slug":56},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":58},"ai",{"seo":10,"name":60,"slug":61},"Freemium","freemium",{"seo":10,"name":10,"slug":63},"free-trial",{"seo":10,"name":10,"slug":65},"image-editing",{"seo":10,"name":10,"slug":67},"video",{"seo":10,"name":10,"slug":69},"animation",{"seo":10,"name":10,"slug":71},"prototyping",{"seo":10,"name":10,"slug":73},"no-code",{"seo":10,"name":10,"slug":75},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":81,"url":82,"icon":10,"name":83,"slug":84,"tags":85,"cover":87,"tagline":88,"is_featured":78,"date_created":89,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[86],{"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",{"id":91,"url":92,"icon":10,"name":93,"slug":94,"tags":95,"cover":97,"tagline":98,"is_featured":78,"date_created":99,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[96],{"seo":10,"name":10,"slug":43},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":110,"tagline":111,"is_featured":78,"date_created":112,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[106,108],{"seo":10,"name":107,"slug":32},"Free",{"seo":10,"name":10,"slug":109},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[114,120,126,132,138,143,149,155,161,167],{"url":115,"name":116,"slug":117,"cover":118,"tagline":119},"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":121,"name":122,"slug":123,"cover":124,"tagline":125},"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":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fwww.color-selector.com\u002F","Color Selector","color-selector","2fca4d0b-fdad-4135-b6d2-e2911f44ab5f.webp","A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"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":139,"name":140,"slug":141,"cover":142,"tagline":125},"https:\u002F\u002Fwebgradients.com\u002F","WebGradients","web-gradients","720798ad-a7f0-4007-86a7-e3274cdc108e.webp",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"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":150,"name":151,"slug":152,"cover":153,"tagline":154},"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":156,"name":157,"slug":158,"cover":159,"tagline":160},"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":162,"name":163,"slug":164,"cover":165,"tagline":166},"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.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fcolorleap.app\u002F","Color Leap","color-leap","adf5ec95-a685-4032-882a-299053f9b958.webp","A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.",[174,186,189],{"url":175,"icon":10,"name":176,"slug":177,"tags":178,"cover":183,"tagline":184,"is_featured":3,"date_created":185,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[179,180,181],{"seo":10,"name":10,"slug":43},{"seo":10,"name":107,"slug":32},{"seo":10,"name":10,"slug":182},"gradient","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":82,"icon":10,"name":83,"slug":84,"tags":187,"cover":87,"tagline":88,"is_featured":78,"date_created":89,"date_updated":10},[188],{"seo":10,"name":10,"slug":43},{"url":92,"icon":10,"name":93,"slug":94,"tags":190,"cover":97,"tagline":98,"is_featured":78,"date_created":99,"date_updated":10},[191],{"seo":10,"name":10,"slug":43}]