1:"$Sreact.fragment" 2:I[38834,["7177","static/chunks/app/layout-975cb139ec6c4874.js"],"default"] 3:I[32094,["7177","static/chunks/app/layout-975cb139ec6c4874.js"],"default"] 4:I[54169,["7177","static/chunks/app/layout-975cb139ec6c4874.js"],"default"] 5:I[28214,["7177","static/chunks/app/layout-975cb139ec6c4874.js"],"default"] 6:I[9766,[],""] 7:I[98924,[],""] 8:I[52619,["9052","static/chunks/9052-f76827543db8aea4.js","285","static/chunks/app/tools/category/%5Bslug%5D/page-c58e6d5bafcc7a92.js"],""] 9:I[90640,["7177","static/chunks/app/layout-975cb139ec6c4874.js"],"default"] 13:I[57150,[],""] :HL["/_next/static/css/34cec31ab21fe8be.css","style"] 0:{"P":null,"b":"YPf0pD2fOy7eYhaQbjd1L","p":"","c":["","tools","category","Design"],"i":false,"f":[[["",{"children":["tools",{"children":["category",{"children":[["slug","Design","d"],{"children":["__PAGE__",{}]}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/34cec31ab21fe8be.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","data-theme":"dark","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","type":"image/png","href":"/favicon.png"}],["$","link",null,{"rel":"shortcut icon","href":"/favicon.ico"}],["$","link",null,{"rel":"apple-touch-icon","href":"/favicon.png"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n (function(){\n try{\n var t=localStorage.getItem('starvo-theme');\n if(!t)t=window.matchMedia('(prefers-color-scheme:light)').matches?'light':'dark';\n document.documentElement.setAttribute('data-theme',t);\n }catch(e){}\n })();\n "}}]]}],["$","body",null,{"suppressHydrationWarning":true,"children":[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n requestAnimationFrame(function(){\n requestAnimationFrame(function(){\n document.body.classList.add('theme-ready');\n });\n });\n "}}],["$","$L2",null,{"children":["$","$L3",null,{"children":[["$","$L4",null,{}],["$","$L5",null,{}],["$","main",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"style":{"paddingTop":64,"minHeight":"80vh","display":"flex","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"style":{"textAlign":"center","padding":40},"children":[["$","div",null,{"style":{"fontFamily":"Syne, sans-serif","fontWeight":800,"fontSize":120,"color":"rgba(0,102,255,0.15)","lineHeight":1,"marginBottom":16},"children":"404"}],["$","h1",null,{"style":{"fontFamily":"Syne, sans-serif","fontWeight":800,"fontSize":36,"color":"#e8e8f0","marginBottom":12},"children":"Page Not Found"}],["$","p",null,{"style":{"color":"#555566","fontSize":17,"marginBottom":36},"children":"This page doesn't exist yet."}],["$","$L8",null,{"href":"/","style":{"background":"linear-gradient(135deg, #0066ff, #00d9ff)","color":"#fff","textDecoration":"none","padding":"12px 32px","borderRadius":10,"fontWeight":700,"fontFamily":"Syne, sans-serif","fontSize":16},"children":"Back to Home"}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","$L9",null,{}]]}]}]]}]]}]]}],{"children":["tools",["$","$1","c",{"children":[null,["$","$L6",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["category",["$","$1","c",{"children":[null,["$","$L6",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["slug","Design","d"],["$","$1","c",{"children":[null,["$","$L6",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[["$","div",null,{"style":{"paddingTop":64},"children":[["$","div",null,{"style":{"padding":"20px 32px 0","maxWidth":1200,"margin":"0 auto"},"children":["$","nav",null,{"style":{"display":"flex","alignItems":"center","gap":8,"fontSize":13,"color":"var(--muted)"},"children":[["$","$L8",null,{"href":"/","style":{"color":"var(--muted)","textDecoration":"none"},"children":"Home"}],["$","span",null,{"style":{"color":"var(--dim)"},"children":"/"}],["$","$L8",null,{"href":"/tools","style":{"color":"var(--muted)","textDecoration":"none"},"children":"Tools"}],["$","span",null,{"style":{"color":"var(--dim)"},"children":"/"}],["$","span",null,{"style":{"color":"var(--accent)"},"children":"Design"}]]}]}],["$","section",null,{"style":{"padding":"40px 32px 60px"},"children":["$","div",null,{"style":{"maxWidth":1200,"margin":"0 auto"},"children":[["$","div",null,{"style":{"display":"flex","alignItems":"center","gap":20,"marginBottom":20,"flexWrap":"wrap"},"children":[["$","div",null,{"style":{"width":72,"height":72,"borderRadius":20,"background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.25)","display":"flex","alignItems":"center","justifyContent":"center","fontSize":34,"flexShrink":0},"children":"๐ŸŽจ"}],["$","div",null,{"children":[["$","p",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--accent)","letterSpacing":"2px","textTransform":"uppercase","marginBottom":6},"children":"Category"}],"$La"]}]]}],"$Lb","$Lc"]}]}],"$Ld","$Le","$Lf","$L10"]}],null,"$L11"]}],{},null,false]},null,false]},null,false]},null,false]},null,false],"$L12",false]],"m":"$undefined","G":["$13",[]],"s":false,"S":true} 14:I[79052,["9052","static/chunks/9052-f76827543db8aea4.js","285","static/chunks/app/tools/category/%5Bslug%5D/page-c58e6d5bafcc7a92.js"],"ToolCard"] 23:I[24431,[],"OutletBoundary"] 25:I[15278,[],"AsyncMetadataOutlet"] 27:I[24431,[],"ViewportBoundary"] 29:I[24431,[],"MetadataBoundary"] 2a:"$Sreact.suspense" a:["$","h1",null,{"style":{"fontFamily":"Syne, sans-serif","fontWeight":800,"fontSize":"clamp(28px,5vw,48px)","color":"var(--text)","letterSpacing":"-1px","margin":0},"children":"Design"}] b:["$","p",null,{"style":{"color":"var(--muted)","fontSize":16,"lineHeight":1.7,"maxWidth":600,"marginBottom":20},"children":"Color, layout and visual design tools"}] c:["$","div",null,{"style":{"display":"flex","alignItems":"center","gap":16,"flexWrap":"wrap"},"children":[["$","span",null,{"style":{"background":"rgba(0,102,255,0.08)","color":"var(--accent)","border":"1px solid rgba(0,102,255,0.25)","fontFamily":"DM Mono, monospace","fontSize":13,"padding":"6px 16px","borderRadius":100},"children":[11," tool","s"," available"]}],["$","span",null,{"style":{"color":"var(--muted)","fontSize":13,"fontFamily":"DM Mono, monospace"},"children":"Free ยท No signup ยท 100% client-side"}]]}] d:["$","section",null,{"style":{"padding":"0 32px 80px","borderTop":"1px solid var(--border2)"},"children":["$","div",null,{"style":{"maxWidth":1200,"margin":"0 auto","paddingTop":48},"children":[["$","p",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)","marginBottom":28,"letterSpacing":"0.5px","textTransform":"uppercase"},"children":["Showing ",11," tool","s"]}],["$","div",null,{"style":{"display":"grid","gridTemplateColumns":"repeat(auto-fill,minmax(300px,1fr))","gap":20},"children":[["$","$L14","color-contrast-checker",{"tool":{"name":"Color Contrast Checker","slug":"color-contrast-checker","version":"1.0.0","category":"Design","subcategory":"","description":"Check WCAG 2.1 color accessibility contrast ratios. Instantly see AA and AAA compliance for normal and large text. Live preview with real text samples.","longDescription":"Check WCAG 2.1 color accessibility contrast ratios. Instantly see AA and AAA compliance for normal and large text. Live preview with real text samples.","path":"/tools/color-contrast-checker","status":"published","toolStatus":"active","featured":true,"icon":"๐ŸŽจ","tags":["color","contrast","accessibility","wcag","design","a11y"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-12","updatedAt":"2026-03-12","seo":{"title":"Free Color Contrast Checker โ€” WCAG 2.1 Accessibility Tool | STARVO","description":"Check WCAG AA and AAA color contrast ratios instantly. Live text preview. Free, no signup, 100% client-side.","keywords":["color contrast checker","wcag contrast","accessibility checker","contrast ratio"]},"howTo":{"steps":["Enter or pick a foreground (text) color","Enter or pick a background color","View the contrast ratio and WCAG compliance levels","Use presets for quick testing"],"estimatedTime":"PT30S"}}}],["$","$L14","color-palette-generator",{"tool":{"name":"Color Palette Generator","slug":"color-palette-generator","category":"Design","description":"Generate beautiful color palettes using analogous, complementary, triadic and other harmonies.","longDescription":"Color Palette Generator creates harmonious color palettes from any base color. Supports 7 harmony modes: analogous, complementary, triadic, tetradic, split-complementary, monochromatic, and random. Export as HEX, RGB, HSL or CSS custom properties.","icon":"๐ŸŽจ","tags":["color","palette","generator","design","hex","rgb","hsl","harmonies","complementary","analogous"],"seo":{"title":"Free Color Palette Generator โ€” STARVO","description":"Generate beautiful color palettes instantly. Choose from 7 harmony modes and export as HEX, CSS variables or more.","keywords":["color palette generator","color scheme generator","complementary colors","color harmony","palette tool"]},"howTo":{"steps":["Pick a base color with the color picker","Choose a harmony mode","Adjust the number of colors","Copy hex values or export as CSS variables"],"estimatedTime":"PT2M"},"path":"/tools/color-palette-generator","status":"published","toolStatus":"active","featured":false,"access":"free","relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-12","updatedAt":"2026-03-12","aiGenerated":false,"version":"1.0.0"}}],["$","$L14","color-picker-tool",{"tool":{"name":"Color Picker Tool","slug":"color-picker-tool","version":"1.0.0","category":"Design","subcategory":"","description":"Pick any color and get HEX, RGB, HSL and CMYK values instantly. Includes tint shades. One-click copy.","longDescription":"Pick any color and get HEX, RGB, HSL and CMYK values instantly. Includes tint shades. One-click copy.","path":"/tools/color-picker-tool","status":"published","toolStatus":"active","featured":false,"icon":"๐ŸŽจ","tags":["color","picker","hex","rgb","hsl","cmyk","design"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"Color Picker Tool | STARVO","description":"Pick any color and get HEX, RGB, HSL and CMYK values instantly. Includes tint shades. One-click copy."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}],"$L15","$L16","$L17","$L18","$L19","$L1a","$L1b","$L1c"]}]]}]}] e:["$","section",null,{"style":{"padding":"0 32px 80px","borderTop":"1px solid var(--border2)"},"children":["$","div",null,{"style":{"maxWidth":1200,"margin":"0 auto","paddingTop":48},"children":[["$","p",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--accent)","letterSpacing":"2px","textTransform":"uppercase","marginBottom":8},"children":"Explore"}],["$","h2",null,{"style":{"fontFamily":"Syne, sans-serif","fontWeight":800,"fontSize":24,"color":"var(--text)","marginBottom":28},"children":"Other Categories"}],["$","div",null,{"style":{"display":"flex","gap":12,"flexWrap":"wrap"},"children":[["$","$L8","AI Tools",{"href":"/tools/category/AI Tools","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.2)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿค–"}],["$","span",null,{"children":"AI Tools"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",33,")"]}]]}],["$","$L8","Calculator",{"href":"/tools/category/Calculator","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.2)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿ”ข"}],["$","span",null,{"children":"Calculator"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",31,")"]}]]}],["$","$L8","Converters",{"href":"/tools/category/Converters","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(255,170,68,0.08)","border":"1px solid rgba(255,170,68,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿ”„"}],["$","span",null,{"children":"Converters"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",9,")"]}]]}],["$","$L8","Developer",{"href":"/tools/category/Developer","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,217,255,0.08)","border":"1px solid rgba(0,217,255,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"โšก"}],["$","span",null,{"children":"Developer"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",35,")"]}]]}],["$","$L8","Fun",{"href":"/tools/category/Fun","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.2)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐ŸŽฒ"}],["$","span",null,{"children":"Fun"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",23,")"]}]]}],["$","$L8","Generators",{"href":"/tools/category/Generators","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,200,150,0.08)","border":"1px solid rgba(0,200,150,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"โœจ"}],["$","span",null,{"children":"Generators"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",2,")"]}]]}],["$","$L8","Image",{"href":"/tools/category/Image","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(255,107,157,0.08)","border":"1px solid rgba(255,107,157,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿ–ผ๏ธ"}],["$","span",null,{"children":"Image"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",37,")"]}]]}],["$","$L8","SEO",{"href":"/tools/category/SEO","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.2)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":["$L1d","$L1e","$L1f"]}],"$L20","$L21","$L22"]}]]}]}] f:["$","style",null,{"children":".cat-pill:hover { opacity:.8; transform:translateY(-1px); }"}] 10:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"CollectionPage\",\"name\":\"Design Tools\",\"description\":\"Color, layout and visual design tools\",\"url\":\"https://starvo.xyz/tools/category/Design\"}"}}] 11:["$","$L23",null,{"children":["$L24",["$","$L25",null,{"promise":"$@26"}]]}] 12:["$","$1","h",{"children":[null,[["$","$L27",null,{"children":"$L28"}],null],["$","$L29",null,{"children":["$","div",null,{"hidden":true,"children":["$","$2a",null,{"fallback":null,"children":"$L2b"}]}]}]]}] 15:["$","$L14","css-border-radius-generator",{"tool":{"name":"CSS Border Radius Generator","slug":"css-border-radius-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate CSS border-radius visually. Control each corner independently with live preview.","longDescription":"Generate CSS border-radius visually. Control each corner independently with live preview.","path":"/tools/css-border-radius-generator","status":"published","toolStatus":"active","featured":false,"icon":"โฌœ","tags":["css","border-radius","generator","design","rounded"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"CSS Border Radius Generator | STARVO","description":"Generate CSS border-radius visually. Control each corner independently with live preview."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 16:["$","$L14","css-box-shadow-generator",{"tool":{"name":"CSS Box Shadow Generator","slug":"css-box-shadow-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate CSS box shadow visually with live preview. Add multiple shadow layers. One-click CSS copy.","longDescription":"Generate CSS box shadow visually with live preview. Add multiple shadow layers. One-click CSS copy.","path":"/tools/css-box-shadow-generator","status":"published","toolStatus":"active","featured":false,"icon":"๐ŸŒ‘","tags":["css","box-shadow","shadow","generator","design","visual"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"CSS Box Shadow Generator | STARVO","description":"Generate CSS box shadow visually with live preview. Add multiple shadow layers. One-click CSS copy."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 17:["$","$L14","css-loader-generator",{"tool":{"name":"CSS Loader / Spinner Generator","slug":"css-loader-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate CSS-only loading spinners and animations. Multiple styles with customizable colors.","longDescription":"Generate CSS-only loading spinners and animations. Multiple styles with customizable colors.","path":"/tools/css-loader-generator","status":"published","toolStatus":"active","featured":false,"icon":"โณ","tags":["css","loader","spinner","animation","generator","design"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"CSS Loader / Spinner Generator | STARVO","description":"Generate CSS-only loading spinners and animations. Multiple styles with customizable colors."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 18:["$","$L14","css-triangle-generator",{"tool":{"name":"CSS Triangle Generator","slug":"css-triangle-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate pure CSS triangles using borders. Choose direction, size and color with live preview.","longDescription":"Generate pure CSS triangles using borders. Choose direction, size and color with live preview.","path":"/tools/css-triangle-generator","status":"published","toolStatus":"active","featured":false,"icon":"โ–ฒ","tags":["css","triangle","generator","design","shape"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"CSS Triangle Generator | STARVO","description":"Generate pure CSS triangles using borders. Choose direction, size and color with live preview."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 19:["$","$L14","favicon-generator",{"tool":{"name":"Favicon Generator","slug":"favicon-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate favicons in all required sizes from any image. Choose shape, background color, and padding. Download PNG files and copy HTML snippet.","longDescription":"Generate favicons in all required sizes from any image. Choose shape, background color, and padding. Download PNG files and copy HTML snippet.","path":"/tools/favicon-generator","status":"published","toolStatus":"active","featured":false,"icon":"๐Ÿ”–","tags":["favicon","icon","design","web","png","generator"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-12","updatedAt":"2026-03-12","seo":{"title":"Free Favicon Generator โ€” Create Favicons in All Sizes | STARVO","description":"Generate favicons in 16ร—16, 32ร—32, 180ร—180, 192ร—192 and more. Choose shape, background and padding. Download PNG and copy HTML code.","keywords":["favicon generator","favicon maker","ico generator","website icon"]},"howTo":{"steps":["Upload your logo or icon image","Choose shape (Square, Rounded, Circle)","Adjust padding and background color","Click Re-generate Previews","Download individual sizes or all at once","Copy the HTML code into your "],"estimatedTime":"PT1M"}}}] 1a:["$","$L14","gradient-generator",{"tool":{"name":"Gradient Generator","slug":"gradient-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Create beautiful CSS gradients with live preview. Supports linear, radial and conic gradients with custom color stops.","longDescription":"Gradient Generator lets you build any CSS gradient visually. Add up to 6 color stops, choose direction with a slider or preset, switch between linear, radial and conic types, and choose from 8 curated presets. Copy the CSS rule with one click.","path":"/tools/gradient-generator","status":"published","toolStatus":"active","featured":false,"icon":"๐ŸŒˆ","tags":["gradient","css","design","color","linear","radial","generator"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-12","updatedAt":"2026-03-12","seo":{"title":"Free CSS Gradient Generator โ€” STARVO","description":"Create beautiful CSS gradients visually. Linear, radial, conic. Add up to 6 color stops. Copy CSS instantly. Free online tool.","keywords":["css gradient generator","gradient generator","linear gradient","gradient maker","css background generator"]},"howTo":{"steps":["Pick your color stops using the color pickers","Choose gradient type: linear, radial or conic","Set direction or angle for linear gradients","Copy the CSS rule or choose a preset"],"estimatedTime":"PT2M"},"aiGenerated":true,"access":"free"}}] 1b:["$","$L14","random-gradient-generator",{"tool":{"name":"Random Gradient Generator","slug":"random-gradient-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate beautiful random CSS gradients. Refresh for new gradients or customize colors and angle.","longDescription":"Generate beautiful random CSS gradients. Refresh for new gradients or customize colors and angle.","path":"/tools/random-gradient-generator","status":"published","toolStatus":"active","featured":false,"icon":"๐ŸŒˆ","tags":["gradient","random","generator","css","design","color"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"Random Gradient Generator | STARVO","description":"Generate beautiful random CSS gradients. Refresh for new gradients or customize colors and angle."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 1c:["$","$L14","svg-icon-generator",{"tool":{"name":"SVG Icon Generator","slug":"svg-icon-generator","version":"1.0.0","category":"Design","subcategory":"","description":"Generate simple SVG icons and shapes. Download as SVG or copy CSS.","longDescription":"Generate simple SVG icons and shapes. Download as SVG or copy CSS.","path":"/tools/svg-icon-generator","status":"published","toolStatus":"active","featured":false,"icon":"โœฆ","tags":["svg","icon","generator","design","vector","shape"],"relatedTools":[],"relatedArticles":[],"publishedAt":"2026-03-15","updatedAt":"2026-03-15","seo":{"title":"SVG Icon Generator | STARVO","description":"Generate simple SVG icons and shapes. Download as SVG or copy CSS."},"howTo":{"steps":[],"estimatedTime":"PT30S"}}}] 1d:["$","span",null,{"children":"๐Ÿ“ˆ"}] 1e:["$","span",null,{"children":"SEO"}] 1f:["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",34,")"]}] 20:["$","$L8","Security",{"href":"/tools/category/Security","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(255,85,102,0.08)","border":"1px solid rgba(255,85,102,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿ›ก๏ธ"}],["$","span",null,{"children":"Security"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",25,")"]}]]}] 21:["$","$L8","Text",{"href":"/tools/category/Text","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(153,102,255,0.08)","border":"1px solid rgba(153,102,255,0.25)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"โœ๏ธ"}],["$","span",null,{"children":"Text"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",48,")"]}]]}] 22:["$","$L8","Utility",{"href":"/tools/category/Utility","style":{"display":"inline-flex","alignItems":"center","gap":8,"padding":"10px 18px","background":"rgba(0,102,255,0.08)","border":"1px solid rgba(0,102,255,0.2)","borderRadius":10,"textDecoration":"none","fontSize":14,"fontWeight":600,"color":"var(--text)","transition":"all .15s"},"className":"cat-pill","children":[["$","span",null,{"children":"๐Ÿ”ง"}],["$","span",null,{"children":"Utility"}],["$","span",null,{"style":{"fontFamily":"DM Mono, monospace","fontSize":11,"color":"var(--muted)"},"children":["(",13,")"]}]]}] 28:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 24:null 2c:I[80622,[],"IconMark"] 26:{"metadata":[["$","title","0",{"children":"Design Tools โ€” STARVO | STARVO"}],["$","meta","1",{"name":"description","content":"Color, layout and visual design tools 11 free tools available."}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","meta","3",{"property":"og:title","content":"Design Tools โ€” STARVO | STARVO"}],["$","meta","4",{"property":"og:description","content":"Color, layout and visual design tools 11 free tools available."}],["$","meta","5",{"property":"og:site_name","content":"STARVO"}],["$","meta","6",{"property":"og:locale","content":"en_US"}],["$","meta","7",{"property":"og:image","content":"https://starvo.xyz/assets/logo.png"}],["$","meta","8",{"property":"og:image:width","content":"1024"}],["$","meta","9",{"property":"og:image:height","content":"1024"}],["$","meta","10",{"property":"og:image:alt","content":"STARVO"}],["$","meta","11",{"property":"og:type","content":"website"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"Design Tools โ€” STARVO | STARVO"}],["$","meta","14",{"name":"twitter:description","content":"Color, layout and visual design tools 11 free tools available."}],["$","meta","15",{"name":"twitter:image","content":"https://starvo.xyz/assets/logo.png"}],["$","meta","16",{"name":"twitter:image:width","content":"1024"}],["$","meta","17",{"name":"twitter:image:height","content":"1024"}],["$","meta","18",{"name":"twitter:image:alt","content":"STARVO"}],["$","link","19",{"rel":"shortcut icon","href":"/favicon.png"}],["$","link","20",{"rel":"icon","href":"/favicon.png","type":"image/png"}],["$","link","21",{"rel":"icon","href":"/favicon.ico"}],["$","link","22",{"rel":"apple-touch-icon","href":"/favicon.png"}],["$","$L2c","23",{}]],"error":null,"digest":"$undefined"} 2b:"$26:metadata"