[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-gradientora-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-gradientora-en-US":115,"related-resources-gradientora-en-US":176},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":36,"featured_rank":9,"categories":37,"tags":42,"files":9},708,"Gradientora","gradientora","https:\u002F\u002Fgradientora.com",null,"A curated collection of 1100+ gradients for every design project","Gradientora is a comprehensive library of over 1,100 hand-picked color gradients, designed to inspire and accelerate your design workflow. Browse, preview, and copy gradients instantly for use in UI design, branding, illustrations, and web projects. Each gradient comes with a visual preview and easy CSS code copying, making it a go-to resource for designers seeking fresh color combinations.",{"title":13,"meta_description":14},"Gradientora — A curated collection of 1100+ gradients for every des...","Gradientora is a comprehensive library of over 1,100 handpicked color gradients, designed to inspire and accelerate your design workflow. Browse, preview, an...",[16,17,18,19,20,21],"Over 1,100 curated gradients available for instant browsing and use","Visual preview of each gradient with smooth color transitions","One-click copy of CSS gradient code for web and UI projects","Search and filter gradients by color family and mood","Regularly updated collection with new gradient combinations","No account or sign-up required — completely free to use",[23,24,25],"Huge collection of 1,100+ gradients saves hours of manual color exploration","Instant CSS copy makes integration into projects effortless","Completely free with no registration barriers",[27,28],"No gradient editing or customization tools built in","No API access for programmatic integration into design tools","UI designers, web developers, and brand designers who need a quick source of high-quality gradient inspiration for any creative project","959a8972-2b17-440a-b385-778609d07df7.webp","free",[33],"Web",{"free":3,"note":35},"Free",0,[38],{"name":39,"slug":40,"sub_categories":41},"Colors & Palettes","colors-palettes",[],[43,46,49],{"name":44,"slug":45},"Colors","colors",{"name":47,"slug":48},"Gradient","gradient",{"name":35,"slug":31},[51,83,93,103],{"id":52,"url":53,"icon":9,"name":54,"slug":55,"tags":56,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[57,60,62,65,67,69,71,73,75,77],{"seo":9,"name":58,"slug":59},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":61},"ai",{"seo":9,"name":63,"slug":64},"Freemium","freemium",{"seo":9,"name":9,"slug":66},"free-trial",{"seo":9,"name":9,"slug":68},"image-editing",{"seo":9,"name":9,"slug":70},"video",{"seo":9,"name":9,"slug":72},"animation",{"seo":9,"name":9,"slug":74},"prototyping",{"seo":9,"name":9,"slug":76},"no-code",{"seo":9,"name":9,"slug":78},"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":84,"url":85,"icon":9,"name":86,"slug":87,"tags":88,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[89],{"seo":9,"name":9,"slug":45},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":94,"url":95,"icon":9,"name":96,"slug":97,"tags":98,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[99],{"seo":9,"name":9,"slug":45},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":112,"tagline":113,"is_featured":81,"date_created":114,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[109,110],{"seo":9,"name":35,"slug":31},{"seo":9,"name":9,"slug":111},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[116,122,128,134,140,146,152,158,164,170],{"url":117,"name":118,"slug":119,"cover":120,"tagline":121},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt","e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists",{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fpigment.shapefactory.co","Pigment","pigment","3aa8318c-dc03-4e6b-b429-d73c051ed65b.webp","Simple online color palette generator for designers",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fruri.design\u002Fgradiator","Ruri Gradiator","ruri-gradiator","089f81a2-3082-45c0-bce5-ffc9875cb87b.webp","Advanced CSS gradient editor with a unique grid interface",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fmagicpattern.design","MagicPattern","magicpattern","bc5a27ac-20f5-443c-9d44-c9d453c9f5b3.webp","Create stunning patterns, gradients, and blobs in minutes",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fgoodpalette.io","Goodpalette","goodpalette","1c508913-1ea0-4383-9122-91c1c93faecb.webp","Generate accessible color palettes for UI design",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fmeshgradient.com","Mesh Gradient","mesh-gradient","de892395-dc05-42ff-83f9-913d028370cc.webp","Create beautiful mesh gradient backgrounds for your designs",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fuicolors.app\u002F","UI Colors","ui-colors","c4a9e356-cab0-4b80-8451-4fbfe6b0cc7a.webp","UI Colors is a free Tailwind CSS color palette generator that creates editable shades from a base color with UI previews and Figma integration for quick design inspiration.",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Frealtimecolors.com","Realtime Colors","realtime-colors","f17efa2a-e7d2-41f4-944a-db7a8cec4a3b.webp","Visualize color palettes on a live UI mockup — see how your colors actually look in context",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fhue.tools\u002F","Hue Tools","hue-tools","ec73db85-e2d6-4738-8081-c6fa97c20be5.webp","open-source color toolbox for hex previews and creative color work.",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fcolorai.app\u002F","Color AI","color-ai","792204d1-a7cb-477d-b157-0d869b82d561.webp","AI tool for generating brand color palettes based on science and culture.",[177,183,186],{"url":117,"icon":9,"name":118,"slug":119,"tags":178,"cover":120,"tagline":121,"is_featured":3,"date_created":182,"date_updated":9},[179,180,181],{"seo":9,"name":9,"slug":45},{"seo":9,"name":35,"slug":31},{"seo":9,"name":9,"slug":48},"2026-06-16T07:14:22.345664+00:00",{"url":85,"icon":9,"name":86,"slug":87,"tags":184,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":9},[185],{"seo":9,"name":9,"slug":45},{"url":95,"icon":9,"name":96,"slug":97,"tags":187,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":9},[188],{"seo":9,"name":9,"slug":45}]