PageSourceSearch

https://xdevtools.com/

html xdevtools.com collected 2026-10-02 00:01:35 UTC 853,611 bytes, 22 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/be6419ffe34f1ed7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e96e15292515bfc8-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo.svg"/><link rel="stylesheet" href="/_next/static/css/f327d28ea3c902bf.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/3a797dd75bd7cfc7.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-afdafc48bcb49290.js"/>
1<script src="/_next/static/chunks/23362-faddbefa4cb8e880.js" async=""></script>
1<script src="/_next/static/chunks/main-app-ac4f8e4b1397119f.js" async=""></script>
1<script src="/_next/static/chunks/72972-44c3c2bc0b2b734b.js" async=""></script>
1<script src="/_next/static/chunks/app/page-bd9ded2f07146045.js" async=""></script>
1<script src="/_next/static/chunks/15081-2ce38277183ee8fa.js" async=""></script>
1<script src="/_next/static/chunks/65878-ed3310145d3b5ab6.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-1601c3030764077d.js" async=""></script>
1<script src="/_next/static/chunks/app/error-155f5693d32f6519.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-392b36247d53c923.js" async=""></script>
1<link rel="icon" type="image/x-icon" href="/favicon.ico"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"/><link rel="icon" type="image/svg+xml" href="/favicon.svg"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><meta name="apple-mobile-web-app-title" content="xDevTools"/><link rel="manifest" href="/site.webmanifest"/><link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"/><link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png"/><meta name="msapplication-TileImage" content="/mstile-150x150.png"/><meta name="msapplication-TileColor" content="#ffffff"/><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#6366f1"/><meta name="theme-color" content="#6366f1"/><title>xDevTools | Free Online Web Tools Platform</title><meta name="description" content="Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side."/><link rel="canonical" href="https://xdevtools.com"/><meta property="og:title" content="xDevTools | Free Online Web Tools Platform"/><meta property="og:description" content="Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side."/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="xDevTools | Free Online Web Tools Platform"/><meta name="twitter:description" content="Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side."/><meta name="next-size-adjust"/>
1<script>
2              (function () {
3                try {
4                  const theme = localStorage.getItem('theme') || 'dark';
5                  if (theme === 'dark') {
6                    document.documentElement.classList.add('dark');
7                  } else {
8                    document.documentElement.classList.remove('dark');
9                  }
10                } catch (e) {}
11              })();
12            </script>
12<script>
13              if ('serviceWorker' in navigator) {
14                window.addEventListener('load', function() {
15                  navigator.serviceWorker.register('/sw.js').then(function(reg) {
16                    console.log('SW registered:', reg.scope);
17                  }).catch(function(err) {
18                    console.error('SW registration failed:', err);
19                  });
20                });
21              }
22            </script>
22<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
22</head><body class="__variable_2215d8 __variable_cd4599 bg-background text-text-primary font-sans antialiased min-h-screen flex flex-col selection:bg-brand/30 selection:text-brand-hover"><a href="https://xdevtools.com/cdn-cgi/content?id=FwdwyvJmFG48tjG6k0kxCsjDH.owy1tvm.OTuNjFR48-1790899293.8266742-1.2.1.1-HTzIZk7VyO5p.oo8ZBM63tn0Rnq9EBZHosvFhkl9ODM.YoN.jN_YfW7IM5.iLGMm" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a><style>#nprogress{pointer-events:none}#nprogress .bar{background:var(--primary);position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--primary),0 0 5px var(--primary);opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:var(--primary);border-left-color:var(--primary);border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style><header class="sticky top-0 z-40 w-full border-b border-border bg-background/80 backdrop-blur-md transition-shadow duration-300"><nav aria-label="Main Navigation" class="mx-auto flex h-16 max-w-6xl items-center justify-between px-2 sm:px-4"><div class="flex items-center gap-2 sm:gap-6 lg:gap-10"><a class="flex items-center gap-1.5 sm:gap-2 focus:outline-none rounded-lg py-1 cursor-pointer shrink-0 flex-nowrap min-h-[44px]" href="/"><div class="bg-transparent dark:bg-gradient-to-br dark:from-brand/15 dark:to-indigo-500/15 border border-transparent dark:border-brand/30 p-1.5 rounded-xl shrink-0 flex items-center justify-center shadow-none dark:shadow-[0_0_12px_rgba(20,184,166,0.15)]"><img src="/logo.svg" class="w-5 h-5 sm:w-6 sm:h-6 object-contain" alt="xDevTools Logo"/></div><span class="font-brand font-brand-font font-black text-lg sm:text-xl md:text-2xl tracking-tighter whitespace-nowrap"><span class="text-cyan-600 dark:text-cyan-400 pr-0.5">x</span><span class="text-text-primary">Dev</span><span class="bg-gradient-to-r from-brand to-emerald-400 bg-clip-text text-transparent">Tools</span></span><span class="hidden md:inline-block bg-brand/10 text-brand text-[10px] md:text-xs font-bold px-1.5 md:px-2 py-0.5 rounded-full border border-brand/20 whitespace-nowrap shrink-0">1112<!-- -->+ TOOLS</span></a><div class="hidden md:flex items-center gap-6"><a class="text-sm font-semibold text-text-secondary hover:text-brand transition-colors min-h-[48px] flex items-center" href="/categories">Categories</a></div></div><div class="flex items-center gap-1 sm:gap-3"><button title="Search Tools" aria-label="Search Tools" class="flex w-11 h-11 sm:w-12 sm:h-12 text-text-secondary hover:text-brand hover:bg-brand/10 hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-brand rounded-lg active:scale-95 transition-all duration-300 cursor-pointer items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-5 h-5"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></button><div class="relative"><button title="User Settings" aria-label="User Settings" class="flex w-11 h-11 sm:w-12 sm:h-12 text-text-secondary hover:text-brand hover:bg-brand/10 hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-brand rounded-lg active:scale-95 transition-all duration-300 cursor-pointer items-center justify-center shrink-0 relative "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5 transition-transform duration-500 "><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></button></div><a title="Suggest a Tool / Contact Us" aria-label="Suggest a Tool / Contact Us" class="hidden sm:flex w-11 h-11 sm:w-12 sm:h-12 text-text-secondary hover:text-brand hover:bg-brand/10 hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-brand rounded-lg active:scale-95 transition-all duration-300 cursor-pointer items-center justify-center shrink-0" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-5 h-5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></a><button aria-label="Switch to light mode" class="hidden sm:flex w-11 h-11 sm:w-12 sm:h-12 items-center justify-center text-text-secondary hover:text-text-primary hover:bg-sub/80 hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-brand rounded-lg active:scale-95 transition-all duration-300 cursor-pointer shrink-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><button aria-label="Toggle navigation menu" class="flex md:hidden w-11 h-11 sm:w-12 sm:h-12 items-center justify-center text-text-secondary hover:text-text-primary hover:bg-sub/80 focus:outline-none focus:ring-2 focus:ring-brand rounded-lg active:scale-95 transition-all duration-300 cursor-pointer shrink-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5"><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg></button></div></nav></header><main class="flex-1"><div class="relative min-h-screen overflow-hidden"><div class="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:18px_18px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none opacity-40 dark:opacity-60"></div><div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-[450px] bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-brand/15 via-trans
22parent to-transparent pointer-events-none"></div><div class="relative max-w-6xl mx-auto px-4 py-8 md:py-16 flex flex-col gap-10"><section class="text-center flex flex-col items-center gap-5 max-w-4xl mx-auto pt-4 md:pt-8"><div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand/10 border border-brand/20 text-brand text-[10px] md:text-xs font-bold uppercase tracking-wider"><span>✨ The Web&#x27;s Largest Local Utilities Suite</span><span class="text-brand/40">•</span><span>100% Private Browser Sandbox</span></div><h1 class="text-3xl xs:text-4xl md:text-7xl font-extrabold tracking-tight leading-[1.05] text-indigo-600 dark:text-text-primary">1112<!-- --> Web tools.<!-- --> <span class="bg-gradient-to-r from-brand via-purple-500 to-fuchsia-500 bg-clip-text text-transparent block md:inline-block">Instant. Local. Secure.</span></h1><p class="text-sm md:text-lg text-text-secondary leading-relaxed max-w-3xl">Access a massive catalog of secure, instant browser-sandbox tools. Instantly convert configurations, format code, calculate advanced math/finance formulas, encode files, and inspect assets. Serving developers, designers, data engineers, and creators—fully client-side.</p><div class="flex flex-wrap items-center justify-center gap-2.5 mt-1.5 text-xs font-bold text-text-secondary"><span class="flex items-center gap-1.5 text-text-muted text-[10px] uppercase tracking-wider"><span class="w-1.5 h-1.5 rounded-full bg-brand animate-pulse"></span>App &amp; Extensions:</span><div class="flex flex-wrap items-center justify-center gap-2"><a href="https://chrome.google.com/webstore/detail/jpipigpbhhlgcapecgjkfbbcepegidlh" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]"><img src="/chrome.svg" class="w-3.5 h-3.5 object-contain" alt="Chrome" loading="lazy"/><span>Chrome</span></a><a href="https://addons.mozilla.org/en-US/firefox/addon/xdevtools-developer-utilities/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]"><img src="/firefox.svg" class="w-3.5 h-3.5 object-contain" alt="Firefox" loading="lazy"/><span>Firefox</span></a><a href="https://microsoftedge.microsoft.com/addons/detail/jlmdejmafnnccpoikpbigollgnjbokfi" target="_blank" rel="noopener noreferrer" class="flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]"><img src="/edge.svg" class="w-3.5 h-3.5 object-contain" alt="Edge" loading="lazy"/><span>Edge</span></a><button class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 flex items-center gap-1.5 text-left flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3.5 h-3.5 text-brand"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span>Install App (PWA)</span></button></div></div></section><div class="w-full max-w-4xl mx-auto grid grid-cols-1 sm:grid-cols-3 gap-4"><div class="p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300"><div class="p-2.5 rounded-xl bg-teal-500/10 dark:bg-teal-500/20 text-teal-600 dark:text-teal-400 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-5 h-5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div><h2 class="text-xs font-black text-text-primary uppercase tracking-wider">🛡️ Zero-Server Sandbox</h2><p class="text-[10px] text-text-secondary leading-normal mt-0.5">100% private client-side container processing</p></div></div><div class="p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300"><div class="p-2.5 rounded-xl bg-cyan-500/10 dark:bg-cyan-500/20 text-cyan-600 dark:text-cyan-400 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-5 h-5"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><div><h2 class="text-xs font-black text-text-primary uppercase tracking-wider">⚡ In-Memory Execution</h2><p class="text-[10px] text-text-secondary leading-normal mt-0.5">Calculations run locally in sub-milliseconds</p></div></div><div class="p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300"><div class="p-2.5 rounded-xl bg-indigo-500/10 dark:bg-indigo-500/20 text-indigo-600 dark:text-indigo-400 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left w-5 h-5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></div><div><h2 class="text-xs font-black text-text-primary uppercase tracking-wider">💎 <!-- -->1112<!-- -->+ Premium Tools</h2><p class="text-[10px] text-text-secondary leading-normal mt-0.5">Formatters, analyzers, converters &amp; solvers</p></div></div></div><div class="w-full flex flex-col gap-14"><div class="w-full max-w-4xl mx-auto flex flex-col gap-6"><div class="relative group/search w-full max-w-3xl mx-auto mt-4 transition-all duration-500 hover:scale-[1.005]"><div class="absolute -inset-1.5 bg-gradient-to-r from-teal-500 via-cyan-500 to-indigo-500 rounded-2xl blur-xl opacity-25 group-focus-within/search:opacity-45 transition duration-500 pointer-events-none"></div><form class="relative flex items-center bg-card border border-border/80 rounded-2xl shadow-2xl p-1.5 md:p-2.5 focus-within:border-teal-500/40 transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-4 h-4 md:w-5.5 md:h-5.5 text-text-muted ml-2 md:ml-4 shrink-0 transition-transform duration-300 group-focus-within/search:scale-105 group-focus-within/search:text-teal-500"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search for any tool (e.g., QR code, word counter)..." class="w-full bg-transparent border-0 outline-none text-sm md:text-xl py-2 px-2 md:py-3 md:px-4 placeholder-text-muted/50 font-semibold" value=""/><kbd class="hidden sm:inline-flex items-center gap-0.5 px-2 py-1 rounded-lg bg-sub/80 border border-border/50 text-[10px] font-black text-text-muted select-none pointer-events-none mr-3 font-mono">/</kbd><button type="submit" class="p-2.5 md:p-3 bg-gradient-to-r from-teal-600 via-cyan-600 to-indigo-600 hover:from-teal-500 hover:via-cyan-500 hover:to-indigo-500 text-white rounded-xl shadow-lg hover:shadow-teal-500/20 active:scale-[0.98] transition-all cursor-pointer mr-1 shrink-0 flex items-center justify-center border border-white/10" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-4 h-4"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></button></form></div><div class="flex flex-wrap gap-2 items-center justify-center text-xs text-text-secondary"><span class="flex items-center gap-1 font-bold text-teal-600 dar
22k:text-teal-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3.5 h-3.5 text-amber-500 fill-amber-500/20"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Suggested:</span><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">qr code</button><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">word counter</button><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">image tools</button><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">json formatter</button><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">uuid</button><button class="px-3.5 py-1.5 bg-card hover:bg-teal-500/10 hover:text-teal-600 dark:hover:text-teal-400 border border-border hover:border-teal-500/30 rounded-xl cursor-pointer transition-all font-bold shadow-sm">base64</button></div></div></div><div class="w-full flex flex-col gap-3"><span class="text-[10px] font-black text-text-muted uppercase tracking-widest flex items-center gap-1.5 justify-center sm:justify-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass w-3.5 h-3.5 text-teal-500"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>Navigate Category Panels</span><div class="w-full grid grid-cols-2 xs:grid-cols-3 sm:flex sm:flex-wrap sm:justify-start gap-2"><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/checksum"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-4 h-4 text-teal-500"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="truncate">Checksum</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/formatters"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces w-4 h-4 text-amber-500"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path></svg></span><span class="truncate">Code Formatters</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/compression"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-archive w-4 h-4 text-cyan-500"><circle cx="15" cy="19" r="2"></circle><path d="M20.9 19.8A2 2 0 0 0 22 18V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h5.1"></path><path d="M15 11v-1"></path><path d="M15 17v-2"></path></svg></span><span class="truncate">Compression</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/crypto"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-4 h-4 text-emerald-500"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span class="truncate">Cryptography</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/date"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range w-4 h-4 text-indigo-500"><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M16 2v4"></path><path d="M3 10h18"></path><path d="M8 2v4"></path><path d="M17 14h-6"></path><path d="M13 18H7"></path><path d="M7 14h.01"></path><path d="M17 18h.01"></path></svg></span><span class="truncate">Date &amp; Time</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/dev"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml w-4 h-4 text-teal-500"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></span><span class="truncate">Developer</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/docs"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-4 h-4 text-blue-500"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><span class="truncate">Document Processing</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/education"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap w-4 h-4 text-emerald-500"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></span><span class="truncate">Educational Calculators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/encoders"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-binary w-4 h-4 text-cyan-500"><rect x="14" y="14" width="4" height="6" rx="2"></rect><rect x="6" y="4" width="4" height="6" rx="2"></rect><path d="M6 20h4"></path><path d="M14 10h4"></path><path d="M6 14h2v6"></path><path d="M14 4h2v6"></path></svg></span><span class="truncate">Encoders &amp; Decoders</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/finance"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins w-4 h-4 text-yellow-500"><circle cx="8" cy="8" r="6"></circle><path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path><path d="M7 6h1v4"></path><path d="m16.71 13.88.7.71-2.82 2.82"></path></svg></span><span class="truncate">Finance &amp; Calculators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/fun"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile w-4 h-4 text-amber-400"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg></span><span class="truncate">Fun &amp; Generators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/game"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gamepad2 w-4 h-4 text-purple-500"><line x1="6" x2="10" y1="11" y2="11"></line><line x1="8" x2="8" y1="9" y2="13"></line><line x1="15" x2="15.01" y1="12" y2="12"></line><line x1="18" x2="18.01" y1="10" y2="10"></line><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path></svg></span><span class="truncate">Games &amp; Simulators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/gis"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map w-4 h-4 text-blue-500"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"></polygon><line x1="9" x2="9" y1="3" y2="18"></line><line x1="15" x2="15" y1="6" y2="21"></line></svg></span><span class="truncate">GIS &amp; Map</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/hash"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-fingerprint w-4 h-4 text-fuchsia-500"><path d="M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4"></path><path d="M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2"></path><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"></path><path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"></path><path d="M8.65 22c.21-.66.45-1.32.57-2"></path><path d="M14 13.12c0 2.38 0 6.38-1 8.88"></path><path d="M2 16h.01"></path><path d="M21.8 16c.2-2 .131-5.354 0-6"></path><path d="M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2"></path></svg></span><span class="truncate">Hash Generators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/health"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-pulse w-4 h-4 text-red-500"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path></svg></span><span class="truncate">Health &amp; Fitness</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/image"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-4 h-4 text-orange-500"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span><span class="truncate">Image Editors</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/key-generator"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-4 h-4 text-amber-500"><circle cx="7.5" cy="15.5" r="5.5"></circle><path d="m21 2-9.6 9.6"></path><path d="m15.5 7.5 3 3L22 7l-3-3"></path></svg></span><span class="truncate">Key &amp; UUID Generators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/math"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-4 h-4 text-lime-500"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></span><span class="truncate">Math &amp; Calculators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/media"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard w-4 h-4 text-rose-500"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg></span><span class="truncate">Media</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/network"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-network w-4 h-4 text-indigo-500"><rect x="16" y="16" width="6" height="6" rx="1"></rect><rect x="2" y="16" width="6" height="6" rx="1"></rect><rect x="9" y="2" width="6" height="6" rx="1"></rect><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path><path d="M12 12V8"></path></svg></span><span class="truncate">Network</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/random"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle w-4 h-4 text-pink-500"><path d="M2 18h1.4c1.3 0 2.5-.6 3.3-1.7l6.1-8.6c.7-1.1 2-1.7 3.3-1.7H22"></path><path d="m18 2 4 4-4 4"></path><path d="M2 6h1.9c1.5 0 2.9.9 3.6 2.2"></path><path d="M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8"></path><path d="m18 14 4 4-4 4"></path></svg></span><span class="truncate">Random Generators</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/social"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 w-4 h-4 text-sky-400"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></span><span class="truncate">Social Media Helpers</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/text"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type w-4 h-4 text-violet-500"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" x2="15" y1="20" y2="20"></line><line x1="12" x2="12" y1="4" y2="20"></line></svg></span><span class="truncate">Text &amp; String</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/detector"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-eye w-4 h-4 text-rose-500"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><circle cx="12" cy="12" r="1"></circle><path d="M5 12s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5"></path></svg></span><span class="truncate">Validators &amp; Parsers</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/web"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-sky-500"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><span class="truncate">Web</span></a><a class="px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate" href="/astrology"><span class="shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-amber-500"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg></span><span class="truncate">Astrology</span></a></div></div><div class="flex flex-col gap-12"><section id="cat-checksum" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/checksum"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-4.5 h-4.5 text-teal-500"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Checksum Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit">11<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/checksum"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Verify file integrity, generate checksums, and detect data corruption locally.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/adler32-checksum-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Adler-32 Checksum Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Adler-32 checksum calculator to verify data integrity and debug checksum mismatches. Compliant with RFC 1950, it offers fast, accurate validation.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="adler32 checksum calculator">adler32 checksum calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="rfc 1950 checksum">rfc 1950 checksum</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/bsd-sum-checksum-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BSD Sum Checksum Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need a reliable bsd sum checksum calculator? Verify file integrity locally with BSD or System V algorithms. Perfect for legacy compatibility and data checks.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bsd sum checksum calculator">bsd sum checksum calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bsd checksum online">bsd checksum online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/cksum-checksum-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">cksum Checksum Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">
22Need a reliable cksum checksum calculator? Generate POSIX-compliant CRC32 hashes for file integrity checks and Unix-compatible data validation.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cksum checksum calculator">cksum checksum calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="posix crc32">posix crc32</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/crc16-checksum-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CRC16 Checksum Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this CRC16 checksum calculator to verify data integrity using Modbus, CCITT, IBM, or custom 16-bit CRC polynomials. Calculate your checksums instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crc16 checksum calculator">crc16 checksum calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crc16 online">crc16 online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/crc24-c
22hecksum-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CRC24 Checksum Calculator | OpenPGP Standard</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this CRC24 checksum calculator to verify data integrity for OpenPGP or custom protocols. Perform custom CRC24 online bitwise calculations with hex outputs.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crc24 checksum calculator">crc24 checksum calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crc24 online">crc24 online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/checksum/crc32-checksum"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CRC32 Checksum Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our professional CRC32 calculator to verify file integrity. Support for IEEE, Castagnoli, and custom polynomials. Ensure data accuracy for your projects today.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crc32 calculator">crc32 calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="checksum generator">checksum generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-formatters" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/formatters"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces w-4.5 h-4.5 text-amber-500"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Code Formatters</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">54<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/formatters"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Beautify, format, clean, and minify source code files and data structures.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/cpp-beautifier"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">C++ Beautifier</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our C++ code formatter online to standardize brace styles, indentation, and pointer alignment. The perfect clang-format online alternative for clean code.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="c++ code formatter online">c++ code formatter online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="format c++ source code">format c++ source code</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/crontab-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Crontab Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our crontab expression generator to build valid schedules. Compare standard 5-field Unix cron and 6-field Quartz cron formats for your automation tasks.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="crontab expression generator">crontab expression generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cron generator online">cron generator online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/csharp-beautifier"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">C# Beautifier</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Clean your code with this professional csharp formatter online. Standardize C# brace styles, sort using directives, and fix LINQ formatting in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="csharp formatter online">csharp formatter online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="c# beautifier">c# beautifier</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/css-beautifier"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CSS Beautifier</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our professional CSS formatter online to clean, sort, and beautify your stylesheets. Standardize your code, remove bloat, and organize properties instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css formatter online">css formatter online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css beautifier tool">css beautifier tool</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/css-minifier"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CSS Minifier</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this free CSS minifier online to reduce CSS file size instantly. Optimize your stylesheet code, remove whitespace, and improve web performance locally.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css minifier online">css minifier online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="stylesheet optimizer">stylesheet optimizer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/formatters/csv-to-html-table-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CSV to HTML Table Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Csv To Html Table Converter Online to convert your data into clean HTML markup. Generate professional tables with custom CSS presets for your website.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Csv To Html Table Converter Online">Csv To Html Table Converter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="convert csv to html">convert csv to html</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-compression" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/compression"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-archive w-4.5 h-4.5 text-cyan-500"><circle cx="15" cy="19" r="2"></circle><path d="M20.9 19.8A2 2 0 0 0 22 18V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h5.1"></path><path d="M15 11v-1"></path><path d="M15 17v-2"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Compression Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">12<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/compression"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Compress and decompress files, create archives, and optimize storage client-side.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/brotli-compress-decompress"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Brotli Compress and Decompress Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily perform Brotli Compress Decompress Online directly in your browser. Adjust quality settings for optimal compression ratios without uploading any data.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Brotli Compress Decompress Online">Brotli Compress Decompress Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Brotli compression levels">Brotli compression levels</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/deflate-compress-decompress"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Deflate Compress and Decompress Utility</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Perform local DEFLATE compression and decompression online without server uploads. Use our high-performance utility for binary integrity and data stream reduction.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Deflate Compress Decompress Online">Deflate Compress Decompress Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Browser-based DEFLATE utility">Browser-based DEFLATE utility</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/gzip-compress-decompress"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Gzip Compress and Decompress Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Gzip Compress Decompress Online safely in your browser. Perform local Gzip compression and decompression without server uploads or data leaks.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Gzip Compress Decompress Online">Gzip Compress Decompress Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Gzip compression browser tool">Gzip compression browser tool</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/lz4-compressor"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">LZ4 Compressor and Decompressor</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this lz4 compressor online to handle data compression and decompression directly in your browser. Secure, local-only processing for lz4 file compression tasks.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lz4 compressor online">lz4 compressor online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lz4 file compression">lz4 file compression</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/lzma-compressor"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">LZMA Compressor and Decompressor</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this lzma compressor online to achieve high compression ratios. Securely compress and decompress files or text directly in your browser without server uploads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lzma compressor online">lzma compressor online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lzma compressor converter">lzma compressor converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/compression/lzo-compressor"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">LZO Compressor Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this lzo compressor online to shrink text and binary files in your browser. Efficient, private, and fast data processing with the LZO algorithm.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lzo compressor online">lzo compressor online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="lzo compression tool">lzo compression tool</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-crypto" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/crypto"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-4.5 h-4.5 text-emerald-500"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Cryptography Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">64<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/crypto"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Symmetric and asymmetric encryption, hashing algorithms, and secure key generation.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/aes-encryption"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">AES Encryption</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Securely perform AES-256-GCM encryption and decryption locally in your browser. Encrypt API keys or text using AES-CBC, GCM, and PBKDF2 without server uploads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aes encryption online">aes encryption online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aes-256-gcm encryption">aes-256-gcm encryption</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/argon2-hash"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Argon2 Hash Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate secure Argon2id, Argon2i, or Argon2d hashes with custom memory, time, and parallelism settings. Use our Argon2 hash generator for reliable key derivation.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="argon2 hash generator">argon2 hash generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="argon2id hashing">argon2id hashing</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/aria-encryption"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ARIA Encryption Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Perform fast, secure ARIA encryption online directly in your browser. Encrypt data with the ARIA block cipher locally. No server leakage, 100% private execution.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aria encryption online">aria encryption online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aria symmetric cipher">aria symmetric cipher</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/asn1-decoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASN.1 DER and BER Structure Decoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this secure asn1 decoder online to visualize complex DER and BER binary structures. Parse hex data and inspect binary trees in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="asn1 decoder online">asn1 decoder online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="asn1 decoder">asn1 decoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/asn1-encoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASN.1 DER/BER Encoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need an asn1 encoder online? Convert JSON structures into DER or BER binary formats directly in your browser. No server uploads, purely local conversion.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="asn1 encoder online">asn1 encoder online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="asn1 encoder">asn1 encoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/crypto/bcrypt-hash"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Bcrypt Hash Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our secure bcrypt generator to create password hashes with adjustable cost factors. Verify bcrypt hash online instantly with local, private browser cryptography.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bcrypt generator">bcrypt generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="password hashing">password hashing</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-date" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/date"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-range w-4.5 h-4.5 text-indigo-500"><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M16 2v4"></path><path d="M3 10h18"></path><path d="M8 2v4"></path><path d="M17 14h-6"></path><path d="M13 18H7"></path><path d="M7 14h.01"></path><path d="M17 18h.01"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Date &amp; Time Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">28<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/date"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Perform date arithmetic, calculate time differences, and convert between calendar systems.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/age-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Age Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our age calculator online to find your exact age in years, months, and days. Discover your Vedic Nakshatra, lunar phase, and zodiac sign by birth date.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="age calculator online">age calculator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="date of birth calculator">date of birth calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/amrap-workout-timer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">AMRAP Workout Timer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this secure Amrap Workout Timer Online to track your fitness rounds and splits. Features local CSV export, keyboard shortcuts, and zero-server data leakage.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Amrap Workout Timer Online">Amrap Workout Timer Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Amrap Workout Timer">Amrap Workout Timer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/birthday-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Birthday Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this birthday calculator to analyze your life path number, zodiac signs, generation, and biological markers like total heartbeats, breaths, and hours slept.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="birthday calculator">birthday calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="life path number calculator">life path number calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/business-days-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Business Days Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our business days calculator to find the exact number of working days between dates. Customize weekends, exclude holidays, and calculate work day ranges instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="business days calculator">business days calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="working days between dates">working days between dates</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/countdown-timer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Countdown Timer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Create a live countdown timer online. Track days, hours, and minutes until your next event with custom labels, sound alerts, and shareable links.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="countdown timer online">countdown timer online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="event countdown timer">event countdown timer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/date/cron-translator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Cron Translator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily convert any cron expression to human readable text. Use our crontab calculator to analyze, validate, and project the next 5 run times instantly in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cron to human readable">cron to human readable</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cron translator">cron translator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-dev" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/dev"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml w-4.5 h-4.5 text-teal-500"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Developer Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">126<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/dev"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Essential coding utilities, formatters, code playground helpers, and debuggers.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/ai-token-counter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">AI Token Counter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Stop guessing your LLM usage. Use our accurate AI token counter to estimate OpenAI, Anthropic, and Google model costs, project batch expenses, and optimize your API spend.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ai token counter">ai token counter</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="llm cost calculator">llm cost calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/api-endpoint-parser-tester"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">API Endpoint Parser</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily parse cURL commands, test REST API endpoints, and generate production-ready code with this versatile API Endpoint Parser and online API Sandbox.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="API Endpoint Parser">API Endpoint Parser</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="API Tester Online">API Tester Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/ascii-art-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASCII Art Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our professional ASCII art generator to convert images into text. Adjust contrast, brightness, and character sets to create high-quality photo to text art.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ascii art generator">ascii art generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="image to ascii">image to ascii</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/ascii-binary-hex-translator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASCII to Binary, Hex, and Decimal Translator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Instantly perform ASCII to binary, hex, and decimal conversions. Our secure, local-first number base translator handles custom delimiters and bit-padding for developers.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ascii to binary">ascii to binary</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="hex translator">hex translator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/ascii-table-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASCII Table Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Ascii Table Generator Online to browse character mappings. View decimal, hex, binary, and HTML entities for standard and extended ASCII characters instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Ascii Table Generator Online">Ascii Table Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Ascii Table Generator">Ascii Table Generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/dev/audio-frequency-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Audio Frequency Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this precise online audio frequency generator to test speaker calibration or create binaural beats with custom sine, square, sawtooth, and triangle waves.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="audio frequency generator">audio frequency generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="tone generator">tone generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-docs" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/docs"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-4.5 h-4.5 text-blue-500"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Document Processing</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">36<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/docs"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">View, edit, convert, and extract information from documents and spreadsheets.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/compress-pdf"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Compress PDF Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Compress PDF Online easily. Reduce PDF file size with our free pdf optimizer. Choose high, medium, or low settings to shrink your documents without server uploads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="compress pdf online">compress pdf online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="reduce pdf file size">reduce pdf file size</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/csv-to-json"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Convert CSV to JSON Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to convert CSV to JSON online? Use our high-speed, local-first data transformation tool to parse flat files into nested JSON objects instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="csv to json online">csv to json online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="convert csv to json">convert csv to json</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/csv-to-tsv"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Convert CSV to TSV Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily convert CSV to TSV online with our local-processing tool. Support for custom delimiters, whitespace trimming, and empty row filtering for clean data exports.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="csv to tsv online">csv to tsv online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="convert csv to tsv">convert csv to tsv</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/csv-to-xlsx"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Convert CSV to XLSX Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to convert CSV to XLSX online? Use this instant, local-first spreadsheet converter to convert your data without ever uploading files to a server.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="csv to xlsx online">csv to xlsx online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="convert csv to excel">convert csv to excel</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/delete-pdf-pages"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Delete PDF Pages Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to delete PDF pages online? Remove pages from PDF documents, extract specific content, or delete blank pages from PDF files securely in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="delete pdf pages online">delete pdf pages online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="remove pages from pdf">remove pages from pdf</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/docs/epub-to-pdf"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Convert EPUB to PDF Online</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to convert EPUB to PDF online? Use our local-first converter to turn ebooks into readable PDFs instantly. No uploads, no server storage, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="epub to pdf online">epub to pdf online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="convert epub to pdf">convert epub to pdf</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-education" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/education"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap w-4.5 h-4.5 text-emerald-500"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Educational Calculators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">7<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/education"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Interactive learning calculators, conversion maps, and study resources.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/chemical-equation-balancer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Chemical Equation Balancer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our professional Chemical Equation Balancer Online to calculate stoichiometric coefficients, molar masses, and verify mass conservation for any reaction.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Chemical Equation Balancer Online">Chemical Equation Balancer Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="balance chemical equations">balance chemical equations</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/cumulative-gpa-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Cumulative GPA Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Cumulative GPA Calculator Online to track your academic history. Plan target grades, view semester trends, and export your transcript data with ease.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Cumulative Gpa Calculator Online">Cumulative Gpa Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Calculate cumulative GPA">Calculate cumulative GPA</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/grade-calculator-predictor"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Grade Calculator Predictor</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Grade Calculator Predictor Online to estimate your final course grade. Input syllabus weights and current scores to see exactly what you need to succeed.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Grade Calculator Predictor Online">Grade Calculator Predictor Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="final grade predictor">final grade predictor</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/interactive-periodic-table-explorer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Interactive Periodic Table Explorer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use the Interactive Periodic Table Explorer Online to view atomic weights, electron configurations, and chemical properties for elements. Fast, browser-based lookup.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Interactive Periodic Table Explorer Online">Interactive Periodic Table Explorer Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="chemical element properties">chemical element properties</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/molecular-mass-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Molecular Mass Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our precise Molecular Mass Calculator Online to find the molar mass of any chemical formula. Analyze element percentages and export your breakdown as a CSV file.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Molecular Mass Calculator Online">Molecular Mass Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="chemical formula molar mass">chemical formula molar mass</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/education/ohm-s-law-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Ohm&#x27;s Law Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Ohm S Law Calculator Online to solve for Voltage, Current, or Resistance. Get real-time circuit results and visualize Characteristic Curves instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Ohm S Law Calculator Online">Ohm S Law Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Ohm S Law Calculator">Ohm S Law Calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-encoders" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/encoders"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-binary w-4.5 h-4.5 text-cyan-500"><rect x="14" y="14" width="4" height="6" rx="2"></rect><rect x="6" y="4" width="4" height="6" rx="2"></rect><path d="M6 20h4"></path><path d="M14 10h4"></path><path d="M6 14h2v6"></path><path d="M14 4h2v6"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Encoders &amp; Decoders</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">44<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/encoders"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Convert between data formats using Base64, URL encoding, HTML entities, and binary.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/affine-cipher"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Affine Cipher</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Master the Affine Cipher Online. Our tool handles encryption and decryption using custom multipliers and shifts. Perfect for cryptography students and enthusiasts.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Affine Cipher Online">Affine Cipher Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Affine Cipher Converter">Affine Cipher Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/ascii-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASCII Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need an accurate ASCII converter online? Instantly convert text to ASCII values in decimal, hex, octal, or binary. Includes full character map and HTML entity lookup.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ascii converter online">ascii converter online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="text to ascii">text to ascii</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/ascii85-encoder-decoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ASCII85 Encoder Decoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our ASCII85 encoder decoder to convert binary to text using Adobe or Z85 standards. Efficient base85 conversion with real-time verification and file support.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ascii85 encoder decoder">ascii85 encoder decoder</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="adobe ascii85">adobe ascii85</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/avro-encoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Avro Encoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our free Avro encoder online to convert JSON to Avro binary format with real-time schema validation. Ideal for testing Avro serialization locally and quickly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="avro encoder online">avro encoder online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="avro serialization">avro serialization</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/base32-encoder-decoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Base32 Encoder Decoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Base32 encoder online to convert text and files securely. Supports RFC 4648 and Extended Hex variants for accurate Base32 to text transformation.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base32 encoder online">base32 encoder online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base32 decoder">base32 decoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/encoders/base36-encoder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Base36 Encoder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our base36 encoder online to convert plain text into compact Base36 strings. Perfect for URL shorteners and generating efficient IDs locally in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base36 encoder online">base36 encoder online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base36 encoder">base36 encoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-finance" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/finance"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins w-4.5 h-4.5 text-yellow-500"><circle cx="8" cy="8" r="6"></circle><path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path><path d="M7 6h1v4"></path><path d="m16.71 13.88.7.71-2.82 2.82"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Finance &amp; Calculators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">203<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/finance"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Calculate compound interest, mortgage payments, taxes, and investment returns.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/aadhaar-validator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Aadhaar Validator - Verify Indian UIDAI Numbers</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Perform instant Aadhaar validation online. Use our secure tool to check your UIDAI card number, verify the Verhoeff algorithm checksum, and process bulk lists locally.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Aadhaar Validator">Aadhaar Validator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Aadhaar validation online">Aadhaar validation online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/altman-z-score"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Altman Z-Score Calculator - Bankruptcy Risk Analysis Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Assess corporate insolvency risk with our Altman Z-Score Online tool. Use the Altman Z-Score formula to interpret financial health for public and private companies.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Altman Z Score Online">Altman Z Score Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Altman Z Score">Altman Z Score</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/apr-to-apy-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">APR to APY Converter - Interest Rate Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our APR to APY Converter Online to calculate your effective annual yield. Easily compare compounding frequencies and project returns on your investments.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Apr To Apy Converter Online">Apr To Apy Converter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Apr To Apy Converter">Apr To Apy Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/asset-turnover-ratio"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Asset Turnover Ratio Calculator - Efficiency Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Asset Turnover Ratio Online tool to measure your capital efficiency. Analyze your Asset Turnover Ratio, interpret industry benchmarks, and optimize sales.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Asset Turnover Ratio Online">Asset Turnover Ratio Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Asset Turnover Ratio">Asset Turnover Ratio</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/audit-risk-assessment"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Audit Risk Assessment - Tax Return Risk Analyzer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Audit Risk Assessment Online tool to calculate your tax return risk score. Analyze income, deductions, and capital gains against IRS risk patterns for AY 2026-27.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Audit Risk Assessment Online">Audit Risk Assessment Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="tax return risk analysis">tax return risk analysis</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/finance/auto-loan-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Auto Loan Calculator - Car Payment &amp; Amortization Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this auto loan calculator to estimate your monthly car payment, factor in taxes, fees, and trade-in value. Run amortization schedules to plan your vehicle financing.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="auto loan calculator">auto loan calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="car payment estimator">car payment estimator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-fun" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/fun"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile w-4.5 h-4.5 text-amber-400"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Fun &amp; Generators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">3<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/fun"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Generators for fortune cookies, compliments, random scenarios, and icebreakers.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/fun/compliment-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Compliment Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Compliment Generator Online to create personalized, professional, or casual praise. Choose your tone, add custom phrases, and boost morale instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Compliment Generator Online">Compliment Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="personalized compliment generator">personalized compliment generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/fun/fake-fortune-cookie"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Fake Fortune Cookie Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Fake Fortune Cookie Online tool to generate random, humorous fortunes and sets of 6-digit lucky numbers instantly in your browser. Perfect for events.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Fake Fortune Cookie Online">Fake Fortune Cookie Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Generate Lucky Numbers">Generate Lucky Numbers</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/fun/fizzbuzz-for-words"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">FizzBuzz for Words</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this FizzBuzz for Words Online tool to convert text based on word length. Apply custom FizzBuzz for Words logic to replace specific words in your text today.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Fizzbuzz For Words Online">Fizzbuzz For Words Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Fizzbuzz For Words">Fizzbuzz For Words</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-game" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/game"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gamepad2 w-4.5 h-4.5 text-purple-500"><line x1="6" x2="10" y1="11" y2="11"></line><line x1="8" x2="8" y1="9" y2="13"></line><line x1="15" x2="15.01" y1="12" y2="12"></line><line x1="18" x2="18.01" y1="10" y2="10"></line><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Games &amp; Simulators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit">22<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/game"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Play interactive retro games, roll dice, flip coins, and run statistical game simulations.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/chess-opening-explorer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Chess Opening Explorer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Master your chess strategy with our Chess Opening Explorer. Use this random chess opening generator to study ECO codes, move sequences, and necessary chess theory.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random chess opening">random chess opening</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="chess opening explorer">chess opening explorer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/coin-flipper"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Coin Flipper</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Flip a coin online with realistic 3D physics. Use this heads or tails simulator to track streaks or run bulk simulations up to 10,000 tosses for probability analysis.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="coin flipper online">coin flipper online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="heads or tails simulator">heads or tails simulator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/dice-roller"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Dice Roller</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Roll polyhedral dice with our 3D dice roller online. Features physics-based d20 rolls, custom modifiers, and historical tracking for your RPG gaming sessions.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="3d dice roller online">3d dice roller online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="polyhedral dice roller">polyhedral dice roller</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/dnd-point-buy"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">D&amp;D Point Buy Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Build balanced D&amp;D characters with our point buy calculator. Optimize ability scores, apply racial bonuses, and export your stats for your next 5e adventure.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="dnd point buy calculator">dnd point buy calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="5e ability score calculator">5e ability score calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/hex-grid-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Hex Grid Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily perform axial to cube coordinate conversions and calculate hex grid path distances with our interactive hex grid converter for game development.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="hex grid converter">hex grid converter</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="axial to cube conversion">axial to cube conversion</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/game/knight-tour-solver"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Knight&#x27;s Tour Solver</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Solve the classic chess knight tour solver challenge online. Visualize Warnsdorff&#x27;s rule in action, adjust animation speeds, and step through the path manually.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="chess knight tour solver">chess knight tour solver</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="warnsdorffs rule knight tour">warnsdorffs rule knight tour</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-gis" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/gis"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map w-4.5 h-4.5 text-blue-500"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"></polygon><line x1="9" x2="9" y1="3" y2="18"></line><line x1="15" x2="15" y1="6" y2="21"></line></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">GIS &amp; Map Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">6<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/gis"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">
22Convert coordinates, calculate distances, and map scales client-side.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/bearing-azimuth-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Bearing Azimuth Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Bearing Azimuth Calculator Online to determine true and magnetic bearings between GPS coordinates. Adjust for magnetic declination and visualize your path.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Bearing Azimuth Calculator Online">Bearing Azimuth Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Calculate Azimuth Online">Calculate Azimuth Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/coordinate-converter-studio"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Coordinate Converter Studio</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Convert location data with Coordinate Converter Studio Online. Seamlessly convert Decimal Degrees, DMS, and UTM coordinates with live map verification for GIS projects.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Coordinate Converter Studio Online">Coordinate Converter Studio Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="GIS coordinate system converter">GIS coordinate system converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/elevation-profile-simulator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Elevation Profile Simulator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Elevation Profile Simulator Online to generate elevation profiles, calculate total gain, loss, and slope percentages for your topographic route data.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Elevation Profile Simulator Online">Elevation Profile Simulator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="elevation profile generation">elevation profile generation</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/gps-coordinate-formatter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">GPS Coordinate Formatter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our GPS Coordinate Formatter Online to convert between Decimal Degrees, DMS, and Geohash. Preview locations on a map with high-precision coordinate conversion.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Gps Coordinate Formatter Online">Gps Coordinate Formatter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Gps Coordinate Formatter">Gps Coordinate Formatter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/haversine-distance-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Haversine Distance Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Haversine Distance Calculator Online to find the great-circle distance between coordinates. Perfect for GIS tasks, aviation planning, and maritime navigation.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Haversine Distance Calculator Online">Haversine Distance Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="great-circle distance calculator">great-circle distance calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/gis/map-scale-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Map Scale Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily convert map distances to real-world ground distances using our Map Scale Calculator Online. Perfect for hikers, cartographers, and urban planners.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Map Scale Calculator Online">Map Scale Calculator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ground distance calculator">ground distance calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-hash" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/hash"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-fingerprint w-4.5 h-4.5 text-fuchsia-500"><path d="M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4"></path><path d="M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2"></path><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"></path><path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"></path><path d="M8.65 22c.21-.66.45-1.32.57-2"></path><path d="M14 13.12c0 2.38 0 6.38-1 8.88"></path><path d="M2 16h.01"></path><path d="M21.8 16c.2-2 .131-5.354 0-6"></path><path d="M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Hash Generators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider up
22percase shrink-0 w-fit">42<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/hash"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Calculate cryptographic hash values including MD5, SHA-1, SHA-256, and SHA-512.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/blake2b-hash-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BLAKE2b Hash Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need a secure blake2b hash generator? Use our private, browser-based tool to create high-performance cryptographic hashes locally. No server uploads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2b hash generator">blake2b hash generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2b online">blake2b online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/blake2bp-hash"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BLAKE2bp Hash</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate a BLAKE2bp hash online with our high-performance converter. Ideal for large-scale data integrity verification using multi-core parallel processing.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2bp hash online">blake2bp hash online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2bp hash converter">blake2bp hash converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/blake2s-hash-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BLAKE2s Hash Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate secure 32-bit cryptographic hashes with the BLAKE2s hash generator. Perfect for data integrity verification and secure local hashing in your browser.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2s hash generator">blake2s hash generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="32-bit cryptographic hash">32-bit cryptographic hash</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/blake2sp-hash"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BLAKE2sp Hash</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate a BLAKE2sp hash online instantly. Perfect for secure, high-efficiency, parallel-processed data integrity checks without any server uploads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2sp hash online">blake2sp hash online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake2sp hash">blake2sp hash</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/blake3-hash-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BLAKE3 Hash Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate BLAKE3 hashes locally. Our blake3 hash generator offers superior speed, tree-based parallel architecture, and high-security integrity verification.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake3 hash generator">blake3 hash generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blake3 online">blake3 online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/hash/cshake128-file-hash"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">cSHAKE128 File Hash</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate a secure cSHAKE128 file hash online with custom domain separation strings. Ensure data integrity locally in your browser with this cSHAKE128 file hash converter.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cshake128 file hash online">cshake128 file hash online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cshake128 file hash converter">cshake128 file hash converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-health" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/health"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-pulse w-4.5 h-4.5 text-red-500"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Health &amp; Fitness</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">25<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/health"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Calculate Body Mass Index (BMI), daily calorie needs, and hydration targets.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/bac-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BAC Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our BAC calculator to estimate blood alcohol content. Understand the Widmark formula, sobriety time, and drink driving risk levels for informed decisions.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blood alcohol content calculator">blood alcohol content calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="estimate bac online">estimate bac online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/binaural-beat-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Binaural Beat Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Binaural Beat Generator to create precise frequency interference patterns for deep sleep, meditation, and focus. Adjust carrier waves and noise for entrainment.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Binaural Beat Generator">Binaural Beat Generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="brainwave entrainment">brainwave entrainment</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/blood-group-compatibility"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Blood Group Compatibility Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Blood Group Compatibility Tool to simulate transfusion matches and view global blood type rarity. Understand antigen-antibody interactions in seconds.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Blood Group Compatibility">Blood Group Compatibility</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Blood Group Compatibility Converter">Blood Group Compatibility Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/blood-pressure-checker"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Blood Pressure Checker</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our blood pressure category checker to classify your readings based on official AHA guidelines. Understand your heart health with instant, color-coded results.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blood pressure category checker">blood pressure category checker</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blood pressure checker">blood pressure checker</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/bmi-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BMI Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this precise BMI calculator to assess your body mass index, check your weight category, and understand your health risk assessment based on clinical metrics.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bmi calculator">bmi calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="body mass index">body mass index</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/health/bmr-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">BMR Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Calculate your BMR and TDEE with our Mifflin-St Jeor BMR calculator. Get precise resting calorie burn data and weight management targets for your fitness goals.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bmr calculator">bmr calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="basal metabolic rate">basal metabolic rate</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-image" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/image"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-4.5 h-4.5 text-orange-500"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Image Editors</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">49<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/image"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Resize, crop, compress, rotate, and convert image formats locally in your tab.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/aspect-ratio-crop"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Aspect Ratio Crop Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Master your image layout with the Aspect Ratio Crop Tool. Precisely crop photos for social media using rule of thirds guides, custom ratios, and format conversion.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aspect ratio crop">aspect ratio crop</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="image ratio cropper">image ratio cropper</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/base64-to-image"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Base64 to Image Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Decode Base64 strings to view images instantly. Use our base64 to image tool for automatic MIME detection, pixel analysis, and one-click downloads.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base64 to image">base64 to image</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base64 decoder online">base64 decoder online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/blur-image"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Blur Image Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily blur image online with our high-performance Gaussian blur generator. Adjust radius, brightness, and contrast for professional image softener results.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="blur image online">blur image online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="gaussian blur generator">gaussian blur generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/circular-cropper"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Circular Cropper</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this circular cropper to mask images into circles, hexagons, or hearts. Create professional avatars online with adjustable borders, shadows, and scaling.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="circular cropper">circular cropper</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="image cropper online">image cropper online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/cmyk-to-pantone-matcher"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CMYK to Pantone Matcher</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Cmyk To Pantone Matcher Online to find the closest Pantone matches for your CMYK values. Achieve professional Delta E accuracy for coated and uncoated prints.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Cmyk To Pantone Matcher Online">Cmyk To Pantone Matcher Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Cmyk To Pantone Matcher">Cmyk To Pantone Matcher</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/image/collage-maker"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Collage Maker</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Design high-resolution photo grids with the Collage Maker online. Adjust custom canvas layouts, spacing, and export professional-grade picture arrangements instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="collage maker online">collage maker online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="photo grid maker">photo grid maker</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-key-generator" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/key-generator"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-4.5 h-4.5 text-amber-500"><circle cx="7.5" cy="15.5" r="5.5"></circle><path d="m21 2-9.6 9.6"></path><path d="m15.5 7.5 3 3L22 7l-3-3"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Key &amp; UUID Generators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">18<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/key-generator"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Generate secure random passwords, API tokens, UUIDs, and encryption keys.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/api-key-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">API Key Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Create cryptographically secure tokens with an API key generator. Customize your prefixes, entropy levels, and batch sizes for staging or production environments.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="api key generator">api key generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="secure key generator">secure key generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/authorization-code-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Authorization Code Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Create high-entropy secrets using an authorization code generator. Perfect for OAuth 2.0 PKCE challenges and reliable API authentication. Start securing your endpoints.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="authorization code generator">authorization code generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="auth code generator">auth code generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/backup-code-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Backup Code Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Generate high-entropy 2FA recovery strings with our Backup Code Generator Online. Create printable, secure offline matrices to regain access during device loss.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Backup Code Generator Online">Backup Code Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="2FA recovery codes">2FA recovery codes</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/diceware-passphrase-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Diceware Passphrase Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Create secure, memorable passphrases with this Diceware Passphrase Generator Online. Build high-entropy keys for master passwords without any server-side data leakage.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Diceware Passphrase Generator Online">Diceware Passphrase Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Diceware Passphrase Generator">Diceware Passphrase Generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/ecc-key-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ECC Key Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Provision SECP256K1 or NIST curve keys with our ECC key generator online. Generate secure SSH tunnel keypairs directly in your browser with zero server data exposure.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ecc key generator online">ecc key generator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="secp256k1 key generation">secp256k1 key generation</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/key-generator/ed25519-key-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">ED25519 Key Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our ED25519 key generator online to create RFC 8032 compliant keys. Generate secure ED25519 signing keys for current SSH access and authenticated Git commits.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="ed25519 key generator online">ed25519 key generator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="create ed25519 ssh keys">create ed25519 ssh keys</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-math" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/math"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-4.5 h-4.5 text-lime-500"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Math &amp; Calculators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">76<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/math"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Perform algebra, statistics, geometry, matrix math, and unit conversions.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/angle-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Angle Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this precise angle converter to convert degrees to radians, radians to degrees, and other angular units. Includes visual representation and step-by-step traces.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="angle converter">angle converter</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="degrees to radians">degrees to radians</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/area-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Area Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to perform land area conversion quickly? Use our accurate area converter to switch between hectares to acres, square feet to square meters, and more.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="area converter">area converter</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="square feet to square meters">square feet to square meters</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/base-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Base Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to perform number base conversion? Use our professional base converter to switch between bases 2 and 36. Perfect for binary, hex, and radix calculations.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base converter">base converter</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="radix converter">radix converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/binary-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Binary Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our binary calculator online for accurate binary addition, subtraction, and bitwise arithmetic. Handle signed two&#x27;s complement and bit-length constraints easily.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="binary calculator online">binary calculator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="binary addition">binary addition</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/binary-decision-tree-builder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Binary Decision Tree Builder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Binary Decision Tree Builder Online to model strategic choices. Calculate probability-weighted expected values and visualize complex decision paths.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Binary Decision Tree Builder Online">Binary Decision Tree Builder Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Expected Value Tree Calculator">Expected Value Tree Calculator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/math/binary-to-decimal"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Binary to Decimal Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need to convert binary to decimal? Use our instant binary converter to see the positional expansion math and get accurate base-10 results for any bit string.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="binary to decimal">binary to decimal</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="binary converter">binary converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-media" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/media"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard w-4.5 h-4.5 text-rose-500"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Media Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">13<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/media"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Process audio, video, extract metadata, and convert media formats locally.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/audio-waveform-visualizer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Audio Waveform Visualizer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Audio Waveform Visualizer Online to analyze audio in real-time. Switch between oscilloscope and frequency spectrum views to monitor peaks and export data.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Audio Waveform Visualizer Online">Audio Waveform Visualizer Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Audio Waveform Visualizer">Audio Waveform Visualizer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/chord-progression-architect"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Chord Progression Architect</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use the Chord Progression Architect Online to build and transpose custom chord sequences. Hear instant audio playback and export your musical ideas easily.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Chord Progression Architect Online">Chord Progression Architect Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="build chord progressions">build chord progressions</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/csv-to-srt-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">CSV to SRT Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Csv To Srt Converter Online to convert subtitle data. Edit timestamps and text in real-time with this local subtitle conversion tool. No server required.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Csv To Srt Converter Online">Csv To Srt Converter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Csv To Srt Converter">Csv To Srt Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/frequency-to-musical-note-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Frequency to Musical Note Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Frequency To Musical Note Converter Online to identify musical notes from any Hz value. Calculate cents deviation and export tuning history for your audio projects.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Frequency To Musical Note Converter Online">Frequency To Musical Note Converter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Frequency To Musical Note Converter">Frequency To Musical Note Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/musical-scale-mode-explorer"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Musical Scale Mode Explorer</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Explore musical scales and modes with the Musical Scale Mode Explorer Online. Visualize intervals on a piano keyboard, calculate formulas, and export scale data.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Musical Scale Mode Explorer Online">Musical Scale Mode Explorer Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Musical Scale Mode Explorer">Musical Scale Mode Explorer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/media/precision-metronome-studio"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Precision Metronome Studio</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Master your timing with Precision Metronome Studio Online. This free browser-based rhythm tool offers customizable BPM, polyrhythms, and session history for musicians.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Precision Metronome Studio Online">Precision Metronome Studio Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="browser-based metronome">browser-based metronome</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-network" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/network"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-network w-4.5 h-4.5 text-indigo-500"><rect x="16" y="16" width="6" height="6" rx="1"></rect><rect x="2" y="16" width="6" height="6" rx="1"></rect><rect x="9" y="2" width="6" height="6" rx="1"></rect><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path><path d="M12 12V8"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Network Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">28<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/network"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Calculate subnets, analyze IP addresses, inspect DNS records, and format MACs.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/accept-language-header-parser"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Accept-Language Header Parser</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Accept Language Header Parser Online to instantly decode HTTP headers, visualize quality q-values, validate BCP 47 tags, and generate NGINX configuration maps.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Accept Language Header Parser Online">Accept Language Header Parser Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="parse Accept-Language header">parse Accept-Language header</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/authorization-header-parser"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Authorization Header Parser</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Authorization Header Parser Online to decode Basic authentication, inspect JWT Bearer tokens, and analyze Digest headers locally. Ensure secure API testing.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Authorization Header Parser Online">Authorization Header Parser Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="HTTP Authorization Header Decoder">HTTP Authorization Header Decoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/content-type-header-parser"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Content-Type Header Parser</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Content-Type Header Parser to accurately dissect HTTP headers. Extract MIME categories, charsets, and multipart boundary parameters for your network requests.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Content Type Header Parser">Content Type Header Parser</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Content Type Header Parser Online">Content Type Header Parser Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/cookie-string-parser"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Cookie String Parser</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Cookie String Parser Online to decode Set-Cookie headers, verify security flags like HttpOnly and Secure, and generate cURL test commands instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Cookie String Parser Online">Cookie String Parser Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="cookie header decoder">cookie header decoder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/dns-lookup"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">DNS Lookup Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Perform a fast DNS lookup to troubleshoot records. Use our dns record checker to verify A, AAAA, CNAME, MX, TXT, NS, and SOA configurations in real-time.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="dns lookup">dns lookup</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="dns record checker">dns record checker</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/network/dns-record-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">DNS Record Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our DNS record generator to create BIND zone files. Configure A, AAAA, MX, and TXT records quickly with this precise, local-only zone file generator.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="dns record generator">dns record generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="BIND zone file">BIND zone file</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-random" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/random"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle w-4.5 h-4.5 text-pink-500"><path d="M2 18h1.4c1.3 0 2.5-.6 3.3-1.7l6.1-8.6c.7-1.1 2-1.7 3.3-1.7H22"></path><path d="m18 2 4 4-4 4"></path><path d="M2 6h1.9c1.5 0 2.9.9 3.6 2.2"></path><path d="M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8"></path><path d="m18 14 4 4-4 4"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Random Generators</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">34<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/random"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Generate random numbers, list shufflers, string picks, and secure decisions.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/activity-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random Activity Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need inspiration? Use this random activity generator to find fun team building activities, date night ideas, or solo projects based on your budget and setting.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random activity generator">random activity generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="activity ideas">activity ideas</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/animal-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random Animal Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this random animal generator to discover wildlife facts, habitat information, and official conservation status. Perfect for research and educational purposes.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random animal generator">random animal generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="animal facts">animal facts</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/api-mock-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random API Mock Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need reliable test data? Use our Random API Mock Generator to create custom JSON, CSV, and SQL schemas for your development and QA testing pipelines instantly.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="mock data generator">mock data generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="api test data">api test data</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/bible-verse-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random Bible Verse Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Access a random bible verse instantly. Use our scripture generator to find daily devotionals filtered by mood, theme, and multiple translation options like KJV.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random bible verse">random bible verse</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="scripture generator">scripture generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/birthday-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random Birthday Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need a realistic date for character creation? Use our random birthday generator to find zodiac signs, Chinese zodiac animals, and numerology life path numbers.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random birthday generator">random birthday generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="zodiac sign generator">zodiac sign generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/random/bracket-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Random Tournament Bracket Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this tournament bracket generator to create fair competition trees. Features automatic random seeding, BYE padding, and interactive match bracket tracking.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="tournament bracket">tournament bracket</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bracket generator">bracket generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-social" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/social"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 w-4.5 h-4.5 text-sky-400"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Social Media Helpers</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">2<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/social"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Optimize text, count characters, and format posts for social media platforms.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/social/twitter-thread-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Twitter Thread Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Twitter Thread Generator Online to split long text into perfectly formatted threads. Features hook generation, character counting, and local-browser privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Twitter Thread Generator Online">Twitter Thread Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Twitter Thread Generator">Twitter Thread Generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/social/youtube-description-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">YouTube Description Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Boost your video visibility with this free YouTube description generator. Create SEO-friendly descriptions, custom timestamps, and keyword-rich tags in seconds.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="youtube description generator">youtube description generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="youtube-description-generator">youtube-description-generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-text" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/text"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type w-4.5 h-4.5 text-violet-500"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" x2="15" y1="20" y2="20"></line><line x1="12" x2="12" y1="4" y2="20"></line></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Text &amp; String Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">121<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/text"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Search, replace, sort, trim, encode, decode, and transform text str
22ings.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/acronym-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Acronym Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Need a name? Use our random acronym generator online to build pronounceable, brandable acronyms. Select from tech, corporate, or sci-fi themes to fit your project.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random acronym generator online">random acronym generator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="acronym generator tool">acronym generator tool</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/acrostic-poem-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Acrostic Poem Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Acrostic Poem Generator Online to turn any word into a unique, creative acrostic poem. Fast, simple, and perfect for personalized notes or gifts.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Acrostic Poem Generator Online">Acrostic Poem Generator Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Acrostic Poem Generator">Acrostic Poem Generator</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/add-line-breaks"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Add Line Breaks Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily Add Line Breaks Online. Use our intelligent Add Line Breaks Converter to split text by sentences, punctuation, or word count. Fast, local text formatting.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Add Line Breaks Online">Add Line Breaks Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Add Line Breaks">Add Line Breaks</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/add-line-numbers"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Add Line Numbers Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Easily add line numbers to text online with our flexible tool. Customize start index, steps, prefixes, and suffixes. Perfect for code, logs, and manuscripts.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="add line numbers to text online">add line numbers to text online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="line numbering tool">line numbering tool</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/alliteration-builder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Alliteration Builder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our random alliteration generator online to create complex sound patterns. Perfect as a tongue twister generator or a creative writing tool for your poetry.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="random alliteration generator online">random alliteration generator online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="alliteration builder">alliteration builder</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/text/alternating-case-converter"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Alternating Case Converter</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Alternating Case Converter Online to convert plain text into meme-style alternating or random casing. Fast, local processing for all your formatting needs.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Alternating Case Converter Online">Alternating Case Converter Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Alternating Case Converter">Alternating Case Converter</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-detector" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/detector"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-eye w-4.5 h-4.5 text-rose-500"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><circle cx="12" cy="12" r="1"></circle><path d="M5 12s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Validators &amp; Parsers</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">17<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/detector"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Identify file types, validate markup syntax, and parse structured data inputs.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/alliteration-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Alliteration Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this Alliteration Detector Online to find repetitive consonant patterns in your writing. Analyze text, check for excessive alliteration, and improve your style.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Alliteration Detector Online">Alliteration Detector Online</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Alliteration Detector">Alliteration Detector</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/base64-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Base64 Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our Base64 detector to validate encoded strings, check for URL-safe variants, and decode content. Instantly identify Base64 and verify data integrity locally.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="base64 detector">base64 detector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="validate base64 string">validate base64 string</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/bcrypt-format-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Bcrypt Format Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Identify bcrypt versions, cost factors, and salts instantly. Use this bcrypt format detector to parse password hashes from database dumps and verify security parameters.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="bcrypt format detector">bcrypt format detector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="password hash analyzer">password hash analyzer</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/certificate-encoding-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Certificate Encoding Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Identify your certificate format instantly. Use this certificate encoding detector to verify PEM, DER, PKCS#7, PKCS#12, and JWK files with magic header analysis.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="certificate encoding detector">certificate encoding detector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="pki detector">pki detector</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/compression-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Compression Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Instantly identify file compression formats using our compression detector. Analyze magic bytes and entropy to verify GZIP, ZIP, RAR, 7Z, and TAR archives today.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="compression detector">compression detector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="identify file compression format">identify file compression format</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/detector/encoding-detector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Encoding Detector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Identify unknown string formats with this encoding detector. Analyze Shannon entropy, character composition, and confidence levels to detect encoding online accurately.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="encoding detector">encoding detector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="identify encoding format">identify encoding format</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-web" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/web"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4.5 h-4.5 text-sky-500"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Web Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">61<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/web"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Inspect HTTP headers, extract links, validate cookies, and clean URLs.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/aspect-ratio-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Aspect Ratio Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our aspect ratio calculator to find missing dimensions, compare video formats, and generate CSS properties. Perfect for image and video aspect ratio scaling.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="aspect ratio calculator">aspect ratio calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="calculate aspect ratio">calculate aspect ratio</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/border-radius"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Border Radius Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Create custom CSS shapes with our Border Radius Generator. Control individual corner radii and get instant CSS code for your web projects. Perfect for UI design.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="border radius generator">border radius generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css rounded corners">css rounded corners</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/box-model"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Box Model Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Master your web layouts with our Box Model Tool. Visualize CSS margin, border, and padding in real-time, and compare content-box vs border-box sizing settings.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css box model">css box model</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css margin border padding">css margin border padding</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/box-shadow"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Box Shadow Tool</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use this box shadow generator to create custom CSS shadow effects. Easily control offset, blur, and spread to add professional CSS depth effects to your UI.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="box shadow generator">box shadow generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css shadow effects">css shadow effects</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/button-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Button Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Design custom HTML buttons with our CSS button styles generator. Get instant code for hover states and call to action buttons for your web projects today.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="html button generator">html button generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css button styles">css button styles</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/web/clamp-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Clamp Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Use our CSS clamp calculator to generate fluid typography with ease. Calculate responsive css values for viewport units and maintain perfect scaling across devices.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="css clamp calculator">css clamp calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="fluid typography">fluid typography</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section><section id="cat-astrology" class="flex flex-col gap-5 scroll-mt-20 group/sec"><div class="flex flex-col gap-2.5 pb-2"><div class="flex items-center justify-between gap-2"><a class="flex items-center gap-2 min-w-0 group" href="/astrology"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4.5 h-4.5 text-amber-500"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg></div><div class="flex flex-col xs:flex-row xs:items-center gap-1 min-w-0"><h2 class="text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline">Astrology Utilities</h2><span class="text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit">10<!-- --> <!-- -->tools</span></div></a><a class="text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0" href="/astrology"><span>View All</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div><p class="text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl">Premium developer utilities for astrology operations.</p><div class="h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1"></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5"><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-ascendant-lagna-calculator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent roun
22ded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-transparent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Ascendant Lagna Calculator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Ascendant Lagna Calculator operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Ascendant Lagna Calculator">Vedic Ascendant Lagna Calculator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Ascendant Lagna Calculator Online">Vedic Ascendant Lagna Calculator Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-ayanamsa-selector"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Ayanamsa Selector</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Ayanamsa Selector operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Ayanamsa Selector">Vedic Ayanamsa Selector</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Ayanamsa Selector Online">Vedic Ayanamsa Selector Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-birth-chart-generator"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Birth Chart Generator</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Birth Chart Generator operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Birth Chart Generator">Vedic Birth Chart Generator</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Birth Chart Generator Online">Vedic Birth Chart Generator Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-janma-nakshatra-insights"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Janma Nakshatra Insights</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Janma Nakshatra Insights operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Janma Nakshatra Insights">Vedic Janma Nakshatra Insights</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Janma Nakshatra Insights Online">Vedic Janma Nakshatra Insights Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-moon-sign-rashi-finder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Moon Sign Rashi Finder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Moon Sign Rashi Finder operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Moon Sign Rashi Finder">Vedic Moon Sign Rashi Finder</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Moon Sign Rashi Finder Online">Vedic Moon Sign Rashi Finder Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a class="group relative flex flex-col gap-2.5 p-3.5 sm:p-5 bg-card/65 dark:bg-card/35 backdrop-blur-sm hover:bg-card/90 dark:hover:bg-card/50 border border-border rounded-2xl transition-all duration-300 hover:shadow-xl hover:shadow-brand/[0.03] hover:-translate-y-0.5 overflow-hidden h-full cursor-pointer border-gradient-premium" href="/astrology/vedic-nakshatra-finder"><div class="absolute top-0 right-0 w-16 h-16 sm:w-20 sm:h-20 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand/15 via-fuchsia-500/5 to-transparent rounded-full blur-lg opacity-40 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="absolute inset-0 bg-gradient-to-br from-brand/10 via-trans
22parent to-fuchsia-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="relative z-10 flex items-start justify-between gap-2"><h3 class="text-xs sm:text-[14px] font-bold text-text-primary group-hover:text-brand transition-all duration-300 leading-snug tracking-tight line-clamp-2 pr-6">Vedic Nakshatra Finder</h3><button class="absolute top-0 right-0 p-1.5 rounded-lg hover:bg-sub/80 border border-transparent hover:border-border/50 text-text-muted hover:text-amber-500 transition-all shrink-0 cursor-pointer" title="Add to Favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-text-muted"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button></div><p class="relative z-10 text-[10px] sm:text-xs text-text-secondary leading-relaxed line-clamp-2 pl-0.5 group-hover:text-text-primary/90 transition-colors duration-200">Quick, local, and secure client-side utility for Vedic Nakshatra Finder operations. No server uploads, total privacy.</p><div class="relative z-10 mt-auto pt-2.5 flex items-center justify-between border-t border-border/30 pl-0.5 gap-4"><div class="flex-1 min-w-0 flex items-center gap-1.5 overflow-hidden whitespace-nowrap"><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Nakshatra Finder">Vedic Nakshatra Finder</span><span class="inline-block text-[10px] sm:text-[11px] px-2.5 py-0.5 rounded-full bg-brand/5 dark:bg-brand/10 text-brand font-bold uppercase tracking-wider border border-brand/10 truncate min-w-0" title="Vedic Nakshatra Finder Online">Vedic Nakshatra Finder Online</span></div><span class="text-[10px] sm:text-xs font-bold text-brand group-hover:translate-x-1 transition-transform duration-300 flex items-center gap-1 shrink-0"><span class="hidden xs:inline">Launch</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 sm:w-3.5 sm:h-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></section></div><section class="max-w-5xl mx-auto w-full border-t border-border/60 pt-10 mt-10 flex flex-col gap-6 md:gap-10"><div class="text-center max-w-3xl mx-auto mb-2"><h2 class="text-2xl md:text-4xl font-extrabold text-text-primary tracking-tight mb-3">Your Ultimate Platform for Free Online Web Tools</h2><p class="text-text-secondary text-sm md:text-base leading-relaxed">Access 1,100+ secure, browser-based tools, calculators, and converters that execute instantly with total data privacy.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8"><div class="bg-card border border-border/60 p-5 md:p-8 rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300"><h3 class="text-lg font-extrabold text-text-primary mb-2 flex items-center gap-2"><span class="w-1.5 h-5 bg-brand rounded-full inline-block"></span>100% Secure &amp; Private</h3><p class="text-xs md:text-sm text-text-secondary leading-relaxed">Your privacy is our priority. Every tool on this platform runs 100% client-side inside your browser tab using JavaScript. No passwords, texts, files, or sensitive information are ever sent to a remote server, keeping your data fully secure.</p></div><div class="bg-card border border-border/60 p-5 md:p-8 rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300"><h3 class="text-lg font-extrabold text-text-primary mb-2 flex items-center gap-2"><span class="w-1.5 h-5 bg-brand rounded-full inline-block"></span>Instant Offline Execution</h3><p class="text-xs md:text-sm text-text-secondary leading-relaxed">Experience lightning-fast results without any network latency. All calculations, formatting, and conversions execute immediately on your device. Once loaded, you can even access and use these tools without active internet connections.</p></div></div><div class="bg-sub/30 border border-border/50 p-5 md:p-8 rounded-2xl md:rounded-3xl"><h3 class="text-xl font-extrabold text-text-primary mb-4 text-center">Everything You Need in One Place</h3><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 text-text-secondary"><div><strong class="text-text-primary text-xs md:text-sm block mb-1">Daily Formatting</strong><p class="text-[10px] md:text-xs leading-normal">Beautify, edit, and adjust text, CSV lists, markup language, and document formatting instantly.</p></div><div><strong class="text-text-primary text-xs md:text-sm block mb-1">Calculations &amp; Conversion</strong><p class="text-[10px] md:text-xs leading-normal">Perform complex mathematical, statistical, compound interest, tax, and currency calculations.</p></div><div><strong class="text-text-primary text-xs md:text-sm block mb-1">Security &amp; Cryptography</strong><p class="text-[10px] md:text-xs leading-normal">Generate secure passwords, secure hash codes, and verify file integrity safely.</p></div><div><strong class="text-text-primary text-xs md:text-sm block mb-1">Map &amp; GPS Tools</strong><p class="text-[10px] md:text-xs leading-normal">Convert GPS coordinates, Haversine distances, bearings, and map scale grids.</p></div></div></div><div class="flex flex-col gap-4 mt-4"><h3 class="text-xl font-black text-text-primary tracking-tight text-center">Frequently Asked Questions</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow"><h4 class="font-bold text-text-primary mb-1 text-sm md:text-base">Is the platform completely free to use?</h4><p class="text-xs md:text-sm text-text-secondary leading-relaxed">Yes! All formatters, tools, calculators, and builders are 100% free with no premium paywalls or subscription restrictions.</p></div><div class="border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow"><h4 class="font-bold text-text-primary mb-1 text-sm md:text-base">Is it safe to paste personal texts, coordinates, or data?</h4><p class="text-xs md:text-sm text-text-secondary leading-relaxed">Absolutely. Calculations occur local-first inside your browser container. No data leaves your machine.</p></div><div class="border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow"><h4 class="font-bold text-text-primary mb-1 text-sm md:text-base">Do I need to sign up for an account?</h4><p class="text-xs md:text-sm text-text-secondary leading-relaxed">No account creation or registration is required. You can bookmark and use any utility instantly.</p></div><div class="border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow"><h4 class="font-bold text-text-primary mb-1 text-sm md:text-base">Can these utilities be accessed offline?</h4><p class="text-xs md:text-sm text-text-secondary leading-relaxed">Yes, once cached, the vast majority of our tools will continue to run without active internet connections.</p></div></div></div></section></div></div></main>
22<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><footer class="border-t border-border bg-card/25 dark:bg-card/5 backdrop-blur-md py-8 md:py-12 mt-12 relative"><div class="absolute top-0 inset-x-0 h-[1px] bg-gradient-to-r from-transparent via-brand/20 to-transparent"></div><div class="max-w-6xl mx-auto px-4"><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-6 md:gap-5 mb-8"><div class="col-span-2 sm:col-span-3 lg:col-span-2 flex flex-col gap-3"><a class="flex items-center gap-2 focus:outline-none rounded-lg py-1 cursor-pointer shrink-0 flex-nowrap min-h-[48px]" href="/"><div class="bg-transparent dark:bg-gradient-to-br dark:from-brand/15 dark:to-indigo-500/15 border border-transparent dark:border-brand/30 p-1.5 rounded-xl shrink-0 flex items-center justify-center shadow-none dark:shadow-[0_0_12px_rgba(20,184,166,0.15)]"><img src="/logo.svg" class="w-6 h-6 object-contain" alt="xDevTools Logo"/></div><span class="font-brand font-black text-xl md:text-2xl tracking-tighter whitespace-nowrap"><span class="text-cyan-600 dark:text-cyan-400 pr-0.5">x</span><span class="text-text-primary">Dev</span><span class="bg-gradient-to-r from-brand to-emerald-400 bg-clip-text text-transparent">Tools</span></span><span class="bg-brand/10 text-brand text-[10px] md:text-xs font-bold px-1.5 md:px-2 py-0.5 rounded-full border border-brand/20 whitespace-nowrap shrink-0">1112<!-- -->+ TOOLS</span></a><p class="text-xs text-text-secondary leading-relaxed max-w-sm">A lightning-fast, privacy-first developer workspace. Instantly format, convert, encode, and debug datasets locally. All algorithms run 100% client-side—your data never leaves your device.</p><div class="flex flex-wrap items-center gap-2 mt-0.5"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-emerald-500/5 dark:bg-emerald-500/10 border border-emerald-500/20 text-emerald-600 dark:text-emerald-400"><span class="flex h-1.5 w-1.5 relative"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span></span><span class="text-[10px] font-extrabold uppercase tracking-wider">All Systems Operational</span></div><div class="flex items-center gap-1 px-2.5 py-1 rounded-full bg-brand/5 dark:bg-brand/10 border border-brand/20 text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3 h-3"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-[10px] font-extrabold uppercase tracking-wider">100% Client-Side</span></div></div></div><div class="flex flex-col gap-2"><h4 class="text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1">Popular Utilities</h4><div class="flex flex-col gap-2 text-xs text-text-secondary"><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Finance &amp; Calculators" href="/finance">Finance &amp; Calculators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Developer Utilities" href="/dev">Developer Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Text &amp; String Utilities" href="/text">Text &amp; String Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Math &amp; Calculators" href="/math">Math &amp; Calculators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Cryptography Utilities" href="/crypto">Cryptography Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Web Utilities" href="/web">Web Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Code Formatters" href="/formatters">Code Formatters</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Image Editors" href="/image">Image Editors</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Encoders &amp; Decoders" href="/encoders">Encoders &amp; Decoders</a></div></div><div class="flex flex-col gap-2"><h4 class="text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1">Developer Tools</h4><div class="flex flex-col gap-2 text-xs text-text-secondary"><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Hash Generators" href="/hash">Hash Generators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Document Processing" href="/docs">Document Processing</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Random Generators" href="/random">Random Generators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Date &amp; Time Utilities" href="/date">Date &amp; Time Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Network Utilities" href="/network">Network Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Health &amp; Fitness" href="/health">Health &amp; Fitness</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Games &amp; Simulators" href="/game">Games &amp; Simulators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Key &amp; UUID Generators" href="/key-generator">Key &amp; UUID Generators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Validators &amp; Parsers" href="/detector">Validators &amp; Parsers</a></div></div><div class="flex flex-col gap-2"><h4 class="text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1">More Resources</h4><div class="flex flex-col gap-2 text-xs text-text-secondary"><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Media Utilities" href="/media">Media Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Compression Utilities" href="/compression">Compression Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Checksum Utilities" href="/checksum">Checksum Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Educational Calculators" href="/education">Educational Calculators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="GIS &amp; Map Utilities" href="/gis">GIS &amp; Map Utilities</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Fun &amp; Generators" href="/fun">Fun &amp; Generators</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Social Media Helpers" href="/social">Social Media Helpers</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate" title="Astrology Utilities" href="/astrology">Astrology Utilities</a></div></div><div class="flex flex-col gap-2"><h4 class="text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1">Platform &amp; Legal</h4><div class="flex flex-col gap-2 text-xs text-text-secondary"><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150" href="/categories">All Categories</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150" href="/about">About Us</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150" href="/contact">Contact</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150" href="/privacy">Privacy Policy</a><a class="hover:text-brand hover:translate-x-0.5 transition-all duration-150" href="/terms">Terms of Use</a></div></div></div><div class="border-t border-border/10 mt-8 pt-6 pb-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-6"><div class="flex flex-col items-start gap-2 w-full md:w-auto"><span class="text-[10px] font-black text-text-muted uppercase tracking-wider shrink-0">App &amp; Extensions</span><div class="flex items-center gap-1.5 flex-wrap"><a href="https://chrome.google.com/webstore/detail/jpipigpbhhlgcapecgjkfbbcepegidlh" target="_blank" rel="noopener noreferrer" title="Chrome Extension" class="flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105"><img alt="Chrome" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" class="w-3.5 h-3.5 object-contain" style="color:transparent" src="/chrome.svg"/></a><a href="https://addons.mozilla.org/en-US/firefox/addon/xdevtools-developer-utilities/" target="_blank" rel="noopener noreferrer" title="Firefox Add-on" class="flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105"><img alt="Firefox" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" class="w-3.5 h-3.5 object-contain" style="color:transparent" src="/firefox.svg"/></a><a href="https://microsoftedge.microsoft.com/addons/detail/jlmdejmafnnccpoikpbigollgnjbokfi" target="_blank" rel="noopener noreferrer" title="Edge Extension" class="flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105"><img alt="Edge" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" class="w-3.5 h-3.5 object-contain" style="color:transparent" src="/edge.svg"/></a><button class="hover:text-brand hover:translate-x-0.5 transition-all duration-150 flex items-center gap-1.5 text-left px-3 py-1.5 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl hover:translate-x-0 text-text-primary hover:text-brand font-bold text-[11px] shrink-0 ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3.5 h-3.5 text-brand"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span>Install PWA</span></button></div></div><div class="flex flex-col items-start gap-2 w-full md:w-auto"><span class="text-[10px] font-black text-text-muted uppercase tracking-wider shrink-0">Socials</span><div class="flex flex-wrap items-center gap-1.5 justify-start"><a href="https://github.com/xdevtools-official" target="_blank" rel="noopener noreferrer" class="p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-3.5 h-3.5"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="https://x.com/xdevtoolshub" target="_blank" rel="noopener noreferrer" class="p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand" title="Twitter / X"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter w-3.5 h-3.5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.linkedin.com/company/xdevtools" target="_blank" rel="noopener noreferrer" class="p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand" title="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-3.5 h-3.5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.reddit.com/r/xDevTools" target="_blank" rel="noopener noreferrer" class="p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand flex items-center justify-center" title="Reddit"><svg class="w-3.5 h-3.5 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.17,9.08a2.12,2.12,0,0,0-3.53-1.63,11.23,11.23,0,0,0-5.07-1.61L9.63,2.44,13,3.15a1.43,1.43,0,1,0,.15.68h0a1.42,1.42,0,0,0-1.42-1.42,1.45,1.45,0,0,0-.48.08L7.66,1.75a.36.36,0,0,0-.43.27L6.15,5.84a11.36,11.36,0,0,0-5.11,1.6A2.12,2.12,0,0,0,2.83,11,2,2,0,0,0,2.7,11.8c0,3.19,3.87,5.77,8.64,5.77s8.64-2.58,8.64-5.77A2,2,0,0,0,19.85,11,2.12,2.12,0,0,0,17.17,9.08ZM4.62,11.45A1.21,1.21,0,1,1,5.83,12.66,1.21,1.21,0,0,1,4.62,11.45Zm8.58,3.58a5.53,5.53,0,0,1-3.64,1.15,5.55,5.55,0,0,1-3.64-1.15.35.35,0,1,1,.48-.51,4.86,4.86,0,0,0,3.16,1,4.84,4.84,0,0,0,3.16-1,.35.35,0,1,1,.48.51Zm-.87-2.37a1.21,1.21,0,1,1,1.21-1.21A1.21,1.21,0,0,1,12.33,12.66Z"></path></svg></a></div></div></div><div class="border-t border-border/30 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-text-muted font-bold tracking-wider up
22percase text-center sm:text-left"><div class="leading-relaxed">© <!-- -->2026<!-- --> xDevTools. All algorithms execute 100% sandboxed.</div><div class="flex items-center justify-center sm:justify-start gap-4"><span>Made for Developers</span><span class="h-3 w-[1px] bg-border/40"></span><span class="font-mono text-[10px] lowercase">v1.2.0</span></div></div></div></footer>
22<script src="/_next/static/chunks/webpack-afdafc48bcb49290.js" async=""></script>
22<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
22<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/be6419ffe34f1ed7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/e96e15292515bfc8-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/f327d28ea3c902bf.css\",\"style\"]\n4:HL[\"/_next/static/css/3a797dd75bd7cfc7.css\",\"style\"]\n"])</script>
22<script>self.__next_f.push([1,"5:I[12846,[],\"\"]\n7:I[86650,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"41931\",\"static/chunks/app/page-bd9ded2f07146045.js\"],\"default\"]\n8:I[87626,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"41931\",\"static/chunks/app/page-bd9ded2f07146045.js\"],\"default\"]\n9:I[72972,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"41931\",\"static/chunks/app/page-bd9ded2f07146045.js\"],\"\"]\na:I[87447,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"41931\",\"static/chunks/app/page-bd9ded2f07146045.js\"],\"default\"]\nb:I[36539,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.js\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"\"]\nc:I[36511,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.js\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"default\"]\nd:I[4707,[],\"\"]\ne:I[16687,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"97601\",\"static/chunks/app/error-155f5693d32f6519.js\"],\"default\"]\nf:I[36423,[],\"\"]\n10:I[99167,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"29160\",\"static/chunks/app/not-found-392b36247d53c923.js\"],\"default\"]\n11:I[14438,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.js\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"Toaster\"]\n12:I[87106,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.js\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"default\"]\n13:I[65878,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.js\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"Image\"]\n14:I[1231,[\"72972\",\"static/chunks/72972-44c3c2bc0b2b734b.js\",\"15081\",\"static/chunks/15081-2ce38277183ee8fa.j"])</script>
22<script>self.__next_f.push([1,"s\",\"65878\",\"static/chunks/65878-ed3310145d3b5ab6.js\",\"63185\",\"static/chunks/app/layout-1601c3030764077d.js\"],\"default\"]\n16:I[61060,[],\"\"]\n17:[]\n"])</script>
22<script>self.__next_f.push([1,"0:[\"$\",\"$L5\",null,{\"buildId\":\"xdevtools-static-id\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L6\",[\"$\",\"div\",null,{\"className\":\"relative min-h-screen overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:18px_18px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none opacity-40 dark:opacity-60\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-[450px] bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-brand/15 via-transparent to-transparent pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"relative max-w-6xl mx-auto px-4 py-8 md:py-16 flex flex-col gap-10\",\"children\":[[\"$\",\"section\",null,{\"className\":\"text-center flex flex-col items-center gap-5 max-w-4xl mx-auto pt-4 md:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand/10 border border-brand/20 text-brand text-[10px] md:text-xs font-bold uppercase tracking-wider\",\"children\":[[\"$\",\"span\",null,{\"children\":\"✨ The Web's Largest Local Utilities Suite\"}],[\"$\",\"span\",null,{\"className\":\"text-brand/40\",\"children\":\"•\"}],[\"$\",\"span\",null,{\"children\":\"100% Private Browser Sandbox\"}]]}],[\"$\",\"h1\",null,{\"className\":\"text-3xl xs:text-4xl md:text-7xl font-extrabold tracking-tight leading-[1.05] text-indigo-600 dark:text-text-primary\",\"children\":[1112,\" Web tools.\",\" \",[\"$\",\"span\",null,{\"className\":\"bg-gradient-to-r from-brand via-purple-500 to-fuchsia-500 bg-clip-text text-transparent block md:inline-block\",\"children\":\"Instant. Local. Secure.\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm md:text-lg text-text-secondary leading-relaxed max-w-3xl\",\"children\":\"Access a massive catalog of secure, instant browser-sandbox tools. Instantly convert configurations, format code, calculate advanced math/finance formulas, encode files, and inspect assets. Serving developers, designers, data engineers, and creators—fully client-side.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-2.5 mt-1.5 text-xs font-bold text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 text-text-muted text-[10px] uppercase tracking-wider\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-1.5 rounded-full bg-brand animate-pulse\"}],\"App \u0026 Extensions:\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chrome.google.com/webstore/detail/jpipigpbhhlgcapecgjkfbbcepegidlh\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/chrome.svg\",\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Chrome\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"children\":\"Chrome\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://addons.mozilla.org/en-US/firefox/addon/xdevtools-developer-utilities/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/firefox.svg\",\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Firefox\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"children\":\"Firefox\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://microsoftedge.microsoft.com/addons/detail/jlmdejmafnnccpoikpbigollgnjbokfi\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/edge.svg\",\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Edge\",\"loading\":\"lazy\"}],[\"$\",\"span\",null,{\"children\":\"Edge\"}]]}],[\"$\",\"$L7\",null,{\"className\":\"flex items-center gap-1.5 px-2.5 py-1 rounded-xl bg-card border border-border hover:border-brand/40 hover:bg-sub/50 transition-all text-[11px] text-text-primary hover:scale-[1.02]\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full max-w-4xl mx-auto grid grid-cols-1 sm:grid-cols-3 gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-2.5 rounded-xl bg-teal-500/10 dark:bg-teal-500/20 text-teal-600 dar
22k:text-teal-400 shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield-check w-5 h-5\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"$\",\"path\",\"dzmm74\",{\"d\":\"m9 12 2 2 4-4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-wider\",\"children\":\"🛡️ Zero-Server Sandbox\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-text-secondary leading-normal mt-0.5\",\"children\":\"100% private client-side container processing\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-2.5 rounded-xl bg-cyan-500/10 dark:bg-cyan-500/20 text-cyan-600 dark:text-cyan-400 shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-cpu w-5 h-5\",\"children\":[[\"$\",\"rect\",\"14l7u7\",{\"width\":\"16\",\"height\":\"16\",\"x\":\"4\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"rect\",\"5aljv4\",{\"width\":\"6\",\"height\":\"6\",\"x\":\"9\",\"y\":\"9\",\"rx\":\"1\"}],[\"$\",\"path\",\"13l42r\",{\"d\":\"M15 2v2\"}],[\"$\",\"path\",\"15mkzm\",{\"d\":\"M15 20v2\"}],[\"$\",\"path\",\"1gxd5l\",{\"d\":\"M2 15h2\"}],[\"$\",\"path\",\"1bbxkp\",{\"d\":\"M2 9h2\"}],[\"$\",\"path\",\"19e6y8\",{\"d\":\"M20 15h2\"}],[\"$\",\"path\",\"19tzq7\",{\"d\":\"M20 9h2\"}],[\"$\",\"path\",\"165o2o\",{\"d\":\"M9 2v2\"}],[\"$\",\"path\",\"i2bqo8\",{\"d\":\"M9 20v2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-wider\",\"children\":\"⚡ In-Memory Execution\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-text-secondary leading-normal mt-0.5\",\"children\":\"Calculations run locally in sub-milliseconds\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"p-4 rounded-2xl bg-card border border-border/60 shadow-sm flex items-center gap-3.5 hover:border-teal-500/30 hover:shadow-teal-500/5 hover:-translate-y-0.5 transition-all duration-300\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-2.5 rounded-xl bg-indigo-500/10 dark:bg-indigo-500/20 text-indigo-600 dark:text-indigo-400 shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panels-top-left w-5 h-5\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}],[\"$\",\"path\",\"1oto5p\",{\"d\":\"M9 21V9\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-wider\",\"children\":[\"💎 \",1112,\"+ Premium Tools\"]}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-text-secondary leading-normal mt-0.5\",\"children\":\"Formatters, analyzers, converters \u0026 solvers\"}]]}]]}]]}],[\"$\",\"$L8\",null,{}],[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-black text-text-muted uppercase tracking-widest flex items-center gap-1.5 justify-center sm:justify-start\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-compass w-3.5 h-3.5 text-teal-500\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"polygon\",\"m9r19z\",{\"points\":\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"}],\"$undefined\"]}],\"Navigate Category Panels\"]}],[\"$\",\"div\",null,{\"className\":\"w-full grid grid-cols-2 xs:grid-cols-3 sm:flex sm:flex-wrap sm:justify-start gap-2\",\"children\":[[\"$\",\"$L9\",\"checksum\",{\"href\":\"/checksum\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield-check w-4 h-4 text-teal-500\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"$\",\"path\",\"dzmm74\",{\"d\":\"m9 12 2 2 4-4\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Checksum\"}]]}],[\"$\",\"$L9\",\"formatters\",{\"href\":\"/formatters\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-braces w-4 h-4 text-amber-500\",\"children\":[[\"$\",\"path\",\"ezmyqa\",{\"d\":\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\"}],[\"$\",\"path\",\"e1hn23\",{\"d\":\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Code Formatters\"}]]}],[\"$\",\"$L9\",\"compression\",{\"href\":\"/compression\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-folder-archive w-4 h-4 text-cyan-500\",\"children\":[[\"$\",\"circle\",\"u2pros\",{\"cx\":\"15\",\"cy\":\"19\",\"r\":\"2\"}],[\"$\",\"path\",\"1jj40k\",{\"d\":\"M20.9 19.8A2 2 0 0 0 22 18V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h5.1\"}],[\"$\",\"path\",\"cntcp\",{\"d\":\"M15 11v-1\"}],[\"$\",\"path\",\"1279jj\",{\"d\":\"M15 17v-2\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Compression\"}]]}],[\"$\",\"$L9\",\"crypto\",{\"href\":\"/crypto\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-lock w-4 h-4 text-emerald-500\",\"children\":[[\"$\",\"rect\",\"1w4ew1\",{\"width\":\"18\",\"height\":\"11\",\"x\":\"3\",\"y\":\"11\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"fwvmzm\",{\"d\":\"M7 11V7a5 5 0 0 1 10 0v4\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Cryptography\"}]]}],[\"$\",\"$L9\",\"date\",{\"href\":\"/date\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar-range w-4 h-4 text-indigo-500\",\"children\":[[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"bkmgh3\",{\"d\":\"M17 14h-6\"}],[\"$\",\"path\",\"bb0bb7\",{\"d\":\"M13 18H7\"}],[\"$\",\"path\",\"1qa3f1\",{\"d\":\"M7 14h.01\"}],[\"$\",\"path\",\"1bdyru\",{\"d\":\"M17 18h.01\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Date \u0026 Time\"}]]}],[\"$\",\"$L9\",\"dev\",{\"href\":\"/dev\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-code-xml w-4 h-4 text-teal-500\",\"children\":[[\"$\",\"path\",\"1inbqp\",{\"d\":\"m18 16 4-4-4-4\"}],[\"$\",\"path\",\"15zrgr\",{\"d\":\"m6 8-4 4 4 4\"}],[\"$\",\"path\",\"e7oirm\",{\"d\":\"m14.5 4-5 16\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Developer\"}]]}],[\"$\",\"$L9\",\"docs\",{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-file-text w-4 h-4 text-blue-500\",\"children\":[[\"$\",\"path\",\"1rqfz7\",{\"d\":\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"}],[\"$\",\"path\",\"tnqrlb\",{\"d\":\"M14 2v4a2 2 0 0 0 2 2h4\"}],[\"$\",\"path\",\"b1mrlr\",{\"d\":\"M10 9H8\"}],[\"$\",\"path\",\"t4e002\",{\"d\":\"M16 13H8\"}],[\"$\",\"path\",\"z1uh3a\",{\"d\":\"M16 17H8\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Document Processing\"}]]}],[\"$\",\"$L9\",\"education\",{\"href\":\"/education\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-graduation-cap w-4 h-4 text-emerald-500\",\"children\":[[\"$\",\"path\",\"j76jl0\",{\"d\":\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"}],[\"$\",\"path\",\"1lu8f3\",{\"d\":\"M22 10v6\"}],[\"$\",\"path\",\"1r8lef\",{\"d\":\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Educational Calculators\"}]]}],[\"$\",\"$L9\",\"encoders\",{\"href\":\"/encoders\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-binary w-4 h-4 text-cyan-500\",\"children\":[[\"$\",\"rect\",\"p02svl\",{\"x\":\"14\",\"y\":\"14\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"rect\",\"xm4xkj\",{\"x\":\"6\",\"y\":\"4\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"path\",\"1i6q5t\",{\"d\":\"M6 20h4\"}],[\"$\",\"path\",\"ru81e7\",{\"d\":\"M14 10h4\"}],[\"$\",\"path\",\"16z9wg\",{\"d\":\"M6 14h2v6\"}],[\"$\",\"path\",\"1idq9u\",{\"d\":\"M14 4h2v6\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Encoders \u0026 Decoders\"}]]}],[\"$\",\"$L9\",\"finance\",{\"href\":\"/finance\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-coins w-4 h-4 text-yellow-500\",\"children\":[[\"$\",\"circle\",\"3yglwk\",{\"cx\":\"8\",\"cy\":\"8\",\"r\":\"6\"}],[\"$\",\"path\",\"t5s6rm\",{\"d\":\"M18.09 10.37A6 6 0 1 1 10.34 18\"}],[\"$\",\"path\",\"1obek4\",{\"d\":\"M7 6h1v4\"}],[\"$\",\"path\",\"1rbuyh\",{\"d\":\"m16.71 13.88.7.71-2.82 2.82\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Finance \u0026 Calculators\"}]]}],[\"$\",\"$L9\",\"fun\",{\"href\":\"/fun\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-smile w-4 h-4 text-amber-400\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"1y1vjs\",{\"d\":\"M8 14s1.5 2 4 2 4-2 4-2\"}],[\"$\",\"line\",\"yxxnd0\",{\"x1\":\"9\",\"x2\":\"9.01\",\"y1\":\"9\",\"y2\":\"9\"}],[\"$\",\"line\",\"1p4y9e\",{\"x1\":\"15\",\"x2\":\"15.01\",\"y1\":\"9\",\"y2\":\"9\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Fun \u0026 Generators\"}]]}],[\"$\",\"$L9\",\"game\",{\"href\":\"/game\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-gamepad2 w-4 h-4 text-purple-500\",\"children\":[[\"$\",\"line\",\"1gktln\",{\"x1\":\"6\",\"x2\":\"10\",\"y1\":\"11\",\"y2\":\"11\"}],[\"$\",\"line\",\"qnk9ow\",{\"x1\":\"8\",\"x2\":\"8\",\"y1\":\"9\",\"y2\":\"13\"}],[\"$\",\"line\",\"krot7o\",{\"x1\":\"15\",\"x2\":\"15.01\",\"y1\":\"12\",\"y2\":\"12\"}],[\"$\",\"line\",\"1lcuu1\",{\"x1\":\"18\",\"x2\":\"18.01\",\"y1\":\"10\",\"y2\":\"10\"}],[\"$\",\"path\",\"mfqc10\",{\"d\":\"M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Games \u0026 Simulators\"}]]}],[\"$\",\"$L9\",\"gis\",{\"href\":\"/gis\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-map w-4 h-4 text-blue-500\",\"children\":[[\"$\",\"polygon\",\"ok2ie8\",{\"points\":\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"}],[\"$\",\"line\",\"w34qz5\",{\"x1\":\"9\",\"x2\":\"9\",\"y1\":\"3\",\"y2\":\"18\"}],[\"$\",\"line\",\"volv9a\",{\"x1\":\"15\",\"x2\":\"15\",\"y1\":\"6\",\"y2\":\"21\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"GIS \u0026 Map\"}]]}],[\"$\",\"$L9\",\"hash\",{\"href\":\"/hash\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-fingerprint w-4 h-4 text-fuchsia-500\",\"children\":[[\"$\",\"path\",\"1jc9o5\",{\"d\":\"M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4\"}],[\"$\",\"path\",\"1mxgy1\",{\"d\":\"M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2\"}],[\"$\",\"path\",\"ptglia\",{\"d\":\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"}],[\"$\",\"path\",\"1nerag\",{\"d\":\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"}],[\"$\",\"path\",\"13wd9y\",{\"d\":\"M8.65 22c.21-.66.45-1.32.57-2\"}],[\"$\",\"path\",\"o46ks0\",{\"d\":\"M14 13.12c0 2.38 0 6.38-1 8.88\"}],[\"$\",\"path\",\"1gqxmh\",{\"d\":\"M2 16h.01\"}],[\"$\",\"path\",\"drycrb\",{\"d\":\"M21.8 16c.2-2 .131-5.354 0-6\"}],[\"$\",\"path\",\"1fgabc\",{\"d\":\"M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Hash Generators\"}]]}],[\"$\",\"$L9\",\"health\",{\"href\":\"/health\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-heart-pulse w-4 h-4 text-red-500\",\"children\":[[\"$\",\"path\",\"c3ymky\",{\"d\":\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"}],[\"$\",\"path\",\"1uw2ng\",{\"d\":\"M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Health \u0026 Fitness\"}]]}],[\"$\",\"$L9\",\"image\",{\"href\":\"/image\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-image w-4 h-4 text-orange-500\",\"children\":[[\"$\",\"rect\",\"1m3agn\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"circle\",\"af1f0g\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"$\",\"path\",\"1xmnt7\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Image Editors\"}]]}],[\"$\",\"$L9\",\"key-generator\",{\"href\":\"/key-generator\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-key w-4 h-4 text-amber-500\",\"children\":[[\"$\",\"circle\",\"yqb3hr\",{\"cx\":\"7.5\",\"cy\":\"15.5\",\"r\":\"5.5\"}],[\"$\",\"path\",\"1j0ho8\",{\"d\":\"m21 2-9.6 9.6\"}],[\"$\",\"path\",\"1rn1fs\",{\"d\":\"m15.5 7.5 3 3L22 7l-3-3\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Key \u0026 UUID Generators\"}]]}],[\"$\",\"$L9\",\"math\",{\"href\":\"/math\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calculator w-4 h-4 text-lime-500\",\"children\":[[\"$\",\"rect\",\"1nb95v\",{\"width\":\"16\",\"height\":\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\"}],[\"$\",\"line\",\"x4nwl0\",{\"x1\":\"8\",\"x2\":\"16\",\"y1\":\"6\",\"y2\":\"6\"}],[\"$\",\"line\",\"wjye3r\",{\"x1\":\"16\",\"x2\":\"16\",\"y1\":\"14\",\"y2\":\"18\"}],[\"$\",\"path\",\"1m94wz\",{\"d\":\"M16 10h.01\"}],[\"$\",\"path\",\"1nrarc\",{\"d\":\"M12 10h.01\"}],[\"$\",\"path\",\"19clt8\",{\"d\":\"M8 10h.01\"}],[\"$\",\"path\",\"1etili\",{\"d\":\"M12 14h.01\"}],[\"$\",\"path\",\"6423bh\",{\"d\":\"M8 14h.01\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],[\"$\",\"path\",\"lrp35t\",{\"d\":\"M8 18h.01\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Math \u0026 Calculators\"}]]}],[\"$\",\"$L9\",\"media\",{\"href\":\"/media\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-clapperboard w-4 h-4 text-rose-500\",\"children\":[[\"$\",\"path\",\"1tn4o7\",{\"d\":\"M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z\"}],[\"$\",\"path\",\"iuk76l\",{\"d\":\"m6.2 5.3 3.1 3.9\"}],[\"$\",\"path\",\"6hsd6n\",{\"d\":\"m12.4 3.4 3.1 4\"}],[\"$\",\"path\",\"ltgou9\",{\"d\":\"M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Media\"}]]}],[\"$\",\"$L9\",\"network\",{\"href\":\"/network\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-network w-4 h-4 text-indigo-500\",\"children\":[[\"$\",\"rect\",\"4q2zg0\",{\"x\":\"16\",\"y\":\"16\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"rect\",\"8cvhb9\",{\"x\":\"2\",\"y\":\"16\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"rect\",\"1egb70\",{\"x\":\"9\",\"y\":\"2\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"path\",\"1jsf9p\",{\"d\":\"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\"}],[\"$\",\"path\",\"2874zd\",{\"d\":\"M12 12V8\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Network\"}]]}],[\"$\",\"$L9\",\"random\",{\"href\":\"/random\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shuffle w-4 h-4 text-pink-500\",\"children\":[[\"$\",\"path\",\"1wmou1\",{\"d\":\"M2 18h1.4c1.3 0 2.5-.6 3.3-1.7l6.1-8.6c.7-1.1 2-1.7 3.3-1.7H22\"}],[\"$\",\"path\",\"pucp1d\",{\"d\":\"m18 2 4 4-4 4\"}],[\"$\",\"path\",\"10bdb2\",{\"d\":\"M2 6h1.9c1.5 0 2.9.9 3.6 2.2\"}],[\"$\",\"path\",\"vgxac0\",{\"d\":\"M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8\"}],[\"$\",\"path\",\"10pe0f\",{\"d\":\"m18 14 4 4-4 4\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Random Generators\"}]]}],[\"$\",\"$L9\",\"social\",{\"href\":\"/social\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-share2 w-4 h-4 text-sky-400\",\"children\":[[\"$\",\"circle\",\"gq8acd\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"$\",\"circle\",\"w7nqdw\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"$\",\"circle\",\"1xt0gg\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"$\",\"line\",\"47mynk\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"$\",\"line\",\"1n3mei\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Social Media Helpers\"}]]}],[\"$\",\"$L9\",\"text\",{\"href\":\"/text\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dar
22k:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-type w-4 h-4 text-violet-500\",\"children\":[[\"$\",\"polyline\",\"1nosan\",{\"points\":\"4 7 4 4 20 4 20 7\"}],[\"$\",\"line\",\"swin9y\",{\"x1\":\"9\",\"x2\":\"15\",\"y1\":\"20\",\"y2\":\"20\"}],[\"$\",\"line\",\"1tx1rr\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"4\",\"y2\":\"20\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Text \u0026 String\"}]]}],[\"$\",\"$L9\",\"detector\",{\"href\":\"/detector\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scan-eye w-4 h-4 text-rose-500\",\"children\":[[\"$\",\"path\",\"aa7l1z\",{\"d\":\"M3 7V5a2 2 0 0 1 2-2h2\"}],[\"$\",\"path\",\"4qcy5o\",{\"d\":\"M17 3h2a2 2 0 0 1 2 2v2\"}],[\"$\",\"path\",\"6vwrx8\",{\"d\":\"M21 17v2a2 2 0 0 1-2 2h-2\"}],[\"$\",\"path\",\"ioqczr\",{\"d\":\"M7 21H5a2 2 0 0 1-2-2v-2\"}],[\"$\",\"circle\",\"41hilf\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"path\",\"nhuolu\",{\"d\":\"M5 12s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Validators \u0026 Parsers\"}]]}],[\"$\",\"$L9\",\"web\",{\"href\":\"/web\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-globe w-4 h-4 text-sky-500\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Web\"}]]}],[\"$\",\"$L9\",\"astrology\",{\"href\":\"/astrology\",\"prefetch\":false,\"className\":\"px-2.5 py-1.5 bg-card hover:bg-teal-500/10 border border-border hover:border-teal-500/30 text-xs font-black rounded-xl text-text-secondary hover:text-teal-600 dark:hover:text-teal-400 transition-all cursor-pointer flex items-center justify-center sm:justify-start gap-1.5 shadow-sm text-center truncate\",\"children\":[[\"$\",\"span\",null,{\"className\":\"shrink-0\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles w-4 h-4 text-amber-500\",\"children\":[[\"$\",\"path\",\"17u4zn\",{\"d\":\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"}],[\"$\",\"path\",\"bklmnn\",{\"d\":\"M5 3v4\"}],[\"$\",\"path\",\"iiml17\",{\"d\":\"M19 17v4\"}],[\"$\",\"path\",\"nem4j1\",{\"d\":\"M3 5h4\"}],[\"$\",\"path\",\"lbex7p\",{\"d\":\"M17 19h4\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Astrology\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-12\",\"children\":[[\"$\",\"section\",\"checksum\",{\"id\":\"cat-checksum\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/checksum\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield-check w-4.5 h-4.5 text-teal-500\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"$\",\"path\",\"dzmm74\",{\"d\":\"m9 12 2 2 4-4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Checksum Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[11,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/checksum\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Verify file integrity, generate checksums, and detect data corruption locally.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"adler32-checksum-calculator\",{\"tool\":{\"slug\":\"adler32-checksum-calculator\",\"category\":\"checksum\",\"title\":\"Adler-32 Checksum Calculator\",\"description\":\"Use this Adler-32 checksum calculator to verify data integrity and debug checksum mismatches. Compliant with RFC 1950, it offers fast, accurate validation.\",\"icon\":\"ScanLine\",\"priority\":999,\"keywords\":[\"adler32 checksum calculator\",\"rfc 1950 checksum\",\"adler-32 online\",\"data integrity check\",\"checksum mismatch\",\"crc32 vs adler32\",\"checksum verification\"]}}],[\"$\",\"$La\",\"bsd-sum-checksum-calculator\",{\"tool\":{\"slug\":\"bsd-sum-checksum-calculator\",\"category\":\"checksum\",\"title\":\"BSD Sum Checksum Calculator\",\"description\":\"Need a reliable bsd sum checksum calculator? Verify file integrity locally with BSD or System V algorithms. Perfect for legacy compatibility and data checks.\",\"icon\":\"ScanLine\",\"priority\":999,\"keywords\":[\"bsd sum checksum calculator\",\"bsd checksum online\",\"posix checksum\",\"system v checksum\",\"file integrity\",\"checksum utility\",\"legacy system compatibility\",\"hash algorithm\"]}}],[\"$\",\"$La\",\"cksum-checksum-calculator\",{\"tool\":{\"slug\":\"cksum-checksum-calculator\",\"category\":\"checksum\",\"title\":\"cksum Checksum Calculator\",\"description\":\"Need a reliable cksum checksum calculator? Generate POSIX-compl
22iant CRC32 hashes for file integrity checks and Unix-compatible data validation.\",\"icon\":\"ScanLine\",\"priority\":999,\"keywords\":[\"cksum checksum calculator\",\"posix crc32\",\"crc32 hash generator\",\"data integrity validation\",\"online cksum utility\"]}}],[\"$\",\"$La\",\"crc16-checksum-calculator\",{\"tool\":{\"slug\":\"crc16-checksum-calculator\",\"category\":\"checksum\",\"title\":\"CRC16 Checksum Calculator\",\"description\":\"Use this CRC16 checksum calculator to verify data integrity using Modbus, CCITT, IBM, or custom 16-bit CRC polynomials. Calculate your checksums instantly.\",\"icon\":\"ScanLine\",\"priority\":999,\"keywords\":[\"crc16 checksum calculator\",\"crc16 online\",\"16-bit crc\",\"verify data integrity\",\"crc16 polynomials\",\"checksum calculation\",\"modbus crc16\",\"custom crc16\"]}}],[\"$\",\"$La\",\"crc24-checksum-calculator\",{\"tool\":{\"slug\":\"crc24-checksum-calculator\",\"category\":\"checksum\",\"title\":\"CRC24 Checksum Calculator | OpenPGP Standard\",\"description\":\"Use this CRC24 checksum calculator to verify data integrity for OpenPGP or custom protocols. Perform custom CRC24 online bitwise calculations with hex outputs.\",\"icon\":\"ScanLine\",\"priority\":999,\"keywords\":[\"crc24 checksum calculator\",\"crc24 online\",\"openpgp crc24\",\"crc24 hex output\",\"bitwise integrity check\",\"crc24 custom parameters\",\"polynomial checksum\",\"checksum verification\"]}}],[\"$\",\"$La\",\"crc32-checksum\",{\"tool\":{\"slug\":\"crc32-checksum\",\"category\":\"checksum\",\"title\":\"CRC32 Checksum Calculator\",\"description\":\"Use our professional CRC32 calculator to verify file integrity. Support for IEEE, Castagnoli, and custom polynomials. Ensure data accuracy for your projects today.\",\"icon\":\"Calculator\",\"priority\":999,\"keywords\":[\"crc32 calculator\",\"checksum generator\",\"crc32c\",\"data integrity\",\"cyclic redundancy check\",\"file checksum\",\"polynomial configuration\"]}}]]}]]}],[\"$\",\"section\",\"formatters\",{\"id\":\"cat-formatters\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/formatters\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-braces w-4.5 h-4.5 text-amber-500\",\"children\":[[\"$\",\"path\",\"ezmyqa\",{\"d\":\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\"}],[\"$\",\"path\",\"e1hn23\",{\"d\":\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Code Formatters\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[54,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/formatters\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Beautify, format, clean, and minify source code files and data structures.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"cpp-beautifier\",{\"tool\":{\"slug\":\"cpp-beautifier\",\"category\":\"formatters\",\"title\":\"C++ Beautifier\",\"description\":\"Use our C++ code formatter online to standardize brace styles, indentation, and pointer alignment. The perfect clang-format online alternative for clean code.\",\"icon\":\"Code2\",\"priority\":999,\"keywords\":[\"c++ code formatter online\",\"format c++ source code\",\"cpp beautifier tool\",\"cplusplus code styler\",\"clang-format online alternative\",\"c++ brace style\",\"code standardization\"]}}],[\"$\",\"$La\",\"crontab-generator\",{\"tool\":{\"slug\":\"crontab-generator\",\"category\":\"formatters\",\"title\":\"Crontab Generator\",\"description\":\"Use our crontab expression generator to build valid schedules. Compare standard 5-field Unix cron and 6-field Quartz cron formats for your automation tasks.\",\"icon\":\"Clock\",\"priority\":999,\"keywords\":[\"crontab expression generator\",\"cron generator online\",\"cron schedule creator\",\"quartz cron expression generator\",\"unix crontab builder\",\"crontab syntax\",\"cron field definitions\"]}}],[\"$\",\"$La\",\"csharp-beautifier\",{\"tool\":{\"slug\":\"csharp-beautifier\",\"category\":\"formatters\",\"title\":\"C# Beautifier\",\"description\":\"Clean your code with this professional csharp formatter online. Standardize C# brace styles, sort using directives, and fix LINQ formatting in your browser.\",\"icon\":\"Braces\",\"priority\":999,\"keywords\":[\"csharp formatter online\",\"c# beautifier\",\"dotnet code formatter\",\"format c# source code\",\"csharp cleaner\",\"visual studio code formatter\",\"C# code styling\"]}}],[\"$\",\"$La\",\"css-beautifier\",{\"tool\":{\"slug\":\"css-beautifier\",\"category\":\"formatters\",\"title\":\"CSS Beautifier\",\"description\":\"Use our professional CSS formatter online to clean, sort, and beautify your stylesheets. Standardize your code, remove bloat, and organize properties instantly.\",\"icon\":\"Palette\",\"priority\":999,\"keywords\":[\"css formatter online\",\"css beautifier tool\",\"stylesheet formatter\",\"css cleaner online\",\"format css code\",\"css property sorter\"]}}],[\"$\",\"$La\",\"css-minifier\",{\"tool\":{\"slug\":\"css-minifier\",\"category\":\"formatters\",\"title\":\"CSS Minifier\",\"description\":\"Use this free CSS minifier online to reduce CSS file size instantly. Optimize your stylesheet code, remove whitespace, and improve web performance locally.\",\"icon\":\"Compress\",\"priority\":999,\"keywords\":[\"css minifier online\",\"stylesheet optimizer\",\"minify css code\",\"reduce css file size\",\"css optimization tool\",\"css compressor\"]}}],[\"$\",\"$La\",\"csv-to-html-table-converter\",{\"tool\":{\"slug\":\"csv-to-html-table-converter\",\"category\":\"formatters\",\"title\":\"CSV to HTML Table Converter\",\"description\":\"Use our Csv To Html Table Converter Online to convert your data into clean HTML markup. Generate professional tables with custom CSS presets for your website.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Csv To Html Table Converter Online\",\"convert csv to html\",\"csv to html table\",\"generate html table from csv\",\"spreadsheet to html table markup\",\"html table formatting\",\"csv parsing\",\"web development tools\"]}}]]}]]}],[\"$\",\"section\",\"compression\",{\"id\":\"cat-compression\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/compression\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-folder-archive w-4.5 h-4.5 text-cyan-500\",\"children\":[[\"$\",\"circle\",\"u2pros\",{\"cx\":\"15\",\"cy\":\"19\",\"r\":\"2\"}],[\"$\",\"path\",\"1jj40k\",{\"d\":\"M20.9 19.8A2 2 0 0 0 22 18V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h5.1\"}],[\"$\",\"path\",\"cntcp\",{\"d\":\"M15 11v-1\"}],[\"$\",\"path\",\"1279jj\",{\"d\":\"M15 17v-2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Compression Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[12,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/compression\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Compress and decompress files, create archives, and optimize storage client-side.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"brotli-compress-decompress\",{\"tool\":{\"slug\":\"brotli-compress-decompress\",\"category\":\"compression\",\"title\":\"Brotli Compress and Decompress Tool\",\"description\":\"Easily perform Brotli Compress Decompress Online directly in your browser. Adjust quality settings for optimal compression ratios without uploading any data.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Brotli Compress Decompress Online\",\"Brotli compression levels\",\"decompress .br files\",\"Brotli algorithm explained\",\"browser-based file compression\"]}}],[\"$\",\"$La\",\"deflate-compress-decompress\",{\"tool\":{\"slug\":\"deflate-compress-decompress\",\"category\":\"compression\",\"title\":\"Deflate Compress and Decompress Utility\",\"description\":\"Perform local DEFLATE compression and decompression online without server uploads. Use our high-performance utility for binary integrity and data stream reduction.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Deflate Compress Decompress Online\",\"Browser-based DEFLATE utility\",\"Zlib data compression\",\"local binary compression\",\"DEFLATE stream processing\",\"byte-level data reduction\"]}}],[\"$\",\"$La\",\"gzip-compress-decompress\",{\"tool\":{\"slug\":\"gzip-compress-decompress\",\"category\":\"compression\",\"title\":\"Gzip Compress and Decompress Tool\",\"description\":\"Gzip Compress Decompress Online safely in your browser. Perform local Gzip compression and decompression without server uploads or data leaks.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Gzip Compress Decompress Online\",\"Gzip compression browser tool\",\"Decompress Gzip files locally\",\"lossless data compression\",\"browser-based Gzip utility\",\"GZIP file format\",\"Zlib compression\"]}}],[\"$\",\"$La\",\"lz4-compressor\",{\"tool\":{\"slug\":\"lz4-compressor\",\"category\":\"compression\",\"title\":\"LZ4 Compressor and Decompressor\",\"description\":\"Use this lz4 compressor online to handle data compression and decompression directly in your browser. Secure, local-only processing for lz4 file compression tasks.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"lz4 compressor online\",\"lz4 file compression\",\"browser-based lz4 decompression\",\"lz4 algorithm performance\",\"fast data compression tool\",\"client-side lz4\",\"data stream compression\"]}}],[\"$\",\"$La\",\"lzma-compressor\",{\"tool\":{\"slug\":\"lzma-compressor\",\"category\":\"compression\",\"title\":\"LZMA Compressor and Decompressor\",\"description\":\"Use this lzma compressor online to achieve high compression ratios. Securely compress and decompress files or text directly in your browser without server uploads.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"lzma compressor online\",\"lzma compressor converter\",\"lzma file compression\",\"browser-based LZMA\",\"LZMA encoding tool\",\"lzma text compressor\",\"local file compression\",\"lzma decode\"]}}],[\"$\",\"$La\",\"lzo-compressor\",{\"tool\":{\"slug\":\"lzo-compressor\",\"category\":\"compression\",\"title\":\"LZO Compressor Online\",\"description\":\"Use this lzo compressor online to shrink text and binary files in your browser. Efficient, private, and fast data processing with the LZO algorithm.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"lzo compressor online\",\"lzo compression tool\",\"decompress LZO files\",\"browser-based LZO algorithm\",\"LZO encoder\",\"LZO decoder\",\"data compression\",\"LZO file utility\"]}}]]}]]}],[\"$\",\"section\",\"crypto\",{\"id\":\"cat-crypto\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/crypto\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-lock w-4.5 h-4.5 text-emerald-500\",\"children\":[[\"$\",\"rect\",\"1w4ew1\",{\"width\":\"18\",\"height\":\"11\",\"x\":\"3\",\"y\":\"11\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"fwvmzm\",{\"d\":\"M7 11V7a5 5 0 0 1 10 0v4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Cryptography Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[64,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/crypto\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Symmetric and asymmetric encryption, hashing algorithms, and secure key generation.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"aes-encryption\",{\"tool\":{\"slug\":\"aes-encryption\",\"category\":\"crypto\",\"title\":\"AES Encryption\",\"description\":\"Securely perform AES-256-GCM encryption and decryption locally in your browser. Encrypt API keys or text using AES-CBC, GCM, and PBKDF2 without server uploads.\",\"icon\":\"Lock\",\"priority\":10,\"keywords\":[\"aes encryption online\",\"aes-256-gcm encryption\",\"secure text encryption browser\",\"encrypt api key locally\",\"aes decrypt online\",\"symmetric key encryption\",\"block cipher modes\"]}}],[\"$\",\"$La\",\"argon2-hash\",{\"tool\":{\"slug\":\"argon2-hash\",\"category\":\"crypto\",\"title\":\"Argon2 Hash Generator\",\"description\":\"Generate secure Argon2id, Argon2i, or Argon2d hashes with custom memory, time, and parallelism settings. Use our Argon2 hash generator for reliable key derivation.\",\"icon\":\"Cpu\",\"priority\":999,\"keywords\":[\"argon2 hash generator\",\"argon2id hashing\",\"password hashing online\",\"memory-hard hash\",\"key derivation function\",\"argon2 hash online\",\"cryptographic salt\",\"argon2 parameters\"]}}],[\"$\",\"$La\",\"aria-encryption\",{\"tool\":{\"slug\":\"aria-encryption\",\"category\":\"crypto\",\"title\":\"ARIA Encryption Online\",\"description\":\"Perform fast, secure ARIA encryption online directly in your browser. Encrypt data with the ARIA block cipher locally. No server leakage, 100% private execution.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"aria encryption online\",\"aria symmetric cipher\",\"encrypt data locally\",\"ARIA block cipher\",\"symmetric key encryption tool\",\"browser-based encryption\",\"block cipher\",\"data security\"]}}],[\"$\",\"$La\",\"asn1-decoder\",{\"tool\":{\"slug\":\"asn1-decoder\",\"category\":\"crypto\",\"title\":\"ASN.1 DER and BER Structure Decoder\",\"description\":\"Use this secure asn1 decoder online to visualize complex DER and BER binary structures. Parse hex data and inspect binary trees in your browser.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"asn1 decoder online\",\"asn1 decoder\",\"asn1 decoder converter\",\"parse asn1 data\",\"decode der ber packets\",\"visualize asn1 binary trees\"]}}],[\"$\",\"$La\",\"asn1-encoder\",{\"tool\":{\"slug\":\"asn1-encoder\",\"category\":\"crypto\",\"title\":\"ASN.1 DER/BER Encoder\",\"description\":\"Need an asn1 encoder online? Convert JSON structures into DER or BER binary formats directly in your browser. No server uploads, purely local conversion.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"asn1 encoder online\",\"asn1 encoder\",\"asn1 encoder converter\",\"DER hex generator\",\"ASN.1 structure compiler\",\"DER encoding\",\"BER encoding\",\"JSON to ASN.1\"]}}],[\"$\",\"$La\",\"bcrypt-hash\",{\"tool\":{\"slug\":\"bcrypt-hash\",\"category\":\"crypto\",\"title\":\"Bcrypt Hash Generator\",\"description\":\"Use our secure bcrypt generator to create password hashes with adjustable cost factors. Verify bcrypt hash online instantly with local, private browser cryptography.\",\"icon\":\"Shield\",\"priority\":999,\"keywords\":[\"bcrypt generator\",\"password hashing\",\"bcrypt hash online\",\"bcrypt checker\",\"bcrypt cost factor\",\"bcrypt encryption\"]}}]]}]]}],[\"$\",\"section\",\"date\",{\"id\":\"cat-date\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/date\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar-range w-4.5 h-4.5 text-indigo-500\",\"children\":[[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"bkmgh3\",{\"d\":\"M17 14h-6\"}],[\"$\",\"path\",\"bb0bb7\",{\"d\":\"M13 18H7\"}],[\"$\",\"path\",\"1qa3f1\",{\"d\":\"M7 14h.01\"}],[\"$\",\"path\",\"1bdyru\",{\"d\":\"M17 18h.01\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Date \u0026 Time Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[28,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/date\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Perform date arithmetic, calculate time differences, and convert between calendar systems.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"age-calculator\",{\"tool\":{\"slug\":\"age-calculator\",\"category\":\"date\",\"title\":\"Age Calculator\",\"description\":\"Use our age calculator online to find your exact age in years, months, and days. Discover your Vedic Nakshatra, lunar phase, and zodiac sign by birth date.\",\"icon\":\"Calendar\",\"priority\":999,\"keywords\":[\"age calculator online\",\"date of birth calculator\",\"exact age calculator\",\"zodiac sign by birth date\",\"lunar calendar age\",\"sidereal sign\",\"nakshatra\",\"tithi\",\"chinese zodiac animal\"]}}],[\"$\",\"$La\",\"amrap-workout-timer\",{\"tool\":{\"slug\":\"amrap-workout-timer\",\"category\":\"date\",\"title\":\"AMRAP Workout Timer\",\"description\":\"Use this secure Amrap Workout Timer Online to track your fitness rounds and splits. Features local CSV export, keyboard shortcuts, and zero-server data leakage.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Amrap Workout Timer Online\",\"Amrap Workout Timer\",\"Amrap Workout Timer Converter\",\"round timer\",\"fitness split tracker\",\"HIIT interval timer\",\"local workout logger\"]}}],[\"$\",\"$La\",\"birthday-calculator\",{\"tool\":{\"slug\":\"birthday-calculator\",\"category\":\"date\",\"title\":\"Birthday Calculator\",\"description\":\"Use this birthday calculator to analyze your life path number, zodiac signs, generation, and biological markers like total heartbeats, breaths, and hours slept.\",\"icon\":\"Gift\",\"priority\":999,\"keywords\":[\"birthday calculator\",\"life path number calculator\",\"zodiac sign analysis\",\"days lived calculator\",\"birthstone by month\",\"generation cohort lookup\",\"vedic astrology calculation\"]}}],[\"$\",\"$La\",\"business-days-calculator\",{\"tool\":{\"slug\":\"business-days-calculator\",\"category\":\"date\",\"title\":\"Business Days Calculator\",\"description\":\"Use our business days calculator to find the exact number of working days between dates. Customize weekends, exclude holidays, and calculate work day ranges instantly.\",\"
22icon\":\"CalendarDays\",\"priority\":999,\"keywords\":[\"business days calculator\",\"working days between dates\",\"calculate business days\",\"work days counter\",\"weekend holiday exclusion\",\"date arithmetic\"]}}],[\"$\",\"$La\",\"countdown-timer\",{\"tool\":{\"slug\":\"countdown-timer\",\"category\":\"date\",\"title\":\"Countdown Timer\",\"description\":\"Create a live countdown timer online. Track days, hours, and minutes until your next event with custom labels, sound alerts, and shareable links.\",\"icon\":\"Timer\",\"priority\":999,\"keywords\":[\"countdown timer online\",\"event countdown timer\",\"days until countdown\",\"countdown with sound alert\",\"shareable countdown timer\",\"time tracking\",\"event planning\"]}}],[\"$\",\"$La\",\"cron-translator\",{\"tool\":{\"slug\":\"cron-translator\",\"category\":\"date\",\"title\":\"Cron Translator\",\"description\":\"Easily convert any cron expression to human readable text. Use our crontab calculator to analyze, validate, and project the next 5 run times instantly in your browser.\",\"icon\":\"Clock\",\"priority\":999,\"keywords\":[\"cron to human readable\",\"cron translator\",\"cron expression describer\",\"crontab calculator\",\"cron scheduler analyzer\",\"cron time converter\",\"validate cron schedule\",\"linux cron format\"]}}]]}]]}],[\"$\",\"section\",\"dev\",{\"id\":\"cat-dev\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/dev\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-code-xml w-4.5 h-4.5 text-teal-500\",\"children\":[[\"$\",\"path\",\"1inbqp\",{\"d\":\"m18 16 4-4-4-4\"}],[\"$\",\"path\",\"15zrgr\",{\"d\":\"m6 8-4 4 4 4\"}],[\"$\",\"path\",\"e7oirm\",{\"d\":\"m14.5 4-5 16\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Developer Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[126,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/dev\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Essential coding utilities, formatters, code playground helpers, and debuggers.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"ai-token-counter\",{\"tool\":{\"slug\":\"ai-token-counter\",\"category\":\"dev\",\"title\":\"AI Token Counter\",\"description\":\"Stop guessing your LLM usage. Use our accurate AI token counter to estimate OpenAI, Anthropic, and Google model costs, project batch expenses, and optimize your API spend.\",\"icon\":\"Cpu\",\"priority\":999,\"keywords\":[\"ai token counter\",\"llm cost c
22alculator\",\"gpt-4 pricing\",\"claude tokens\",\"ai pricing tool\",\"model cost comparison\",\"api budget estimation\",\"tokenization\"]}}],[\"$\",\"$La\",\"api-endpoint-parser-tester\",{\"tool\":{\"slug\":\"api-endpoint-parser-tester\",\"category\":\"dev\",\"title\":\"API Endpoint Parser\",\"description\":\"Easily parse cURL commands, test REST API endpoints, and generate production-ready code with this versatile API Endpoint Parser and online API Sandbox.\",\"icon\":\"Globe\",\"priority\":99,\"keywords\":[\"API Endpoint Parser\",\"API Tester Online\",\"cURL Parser\",\"API Sandbox\",\"HTTP Request Generator\",\"REST API Debugger\",\"API Request Builder\",\"JSON API Test\"]}}],[\"$\",\"$La\",\"ascii-art-generator\",{\"tool\":{\"slug\":\"ascii-art-generator\",\"category\":\"dev\",\"title\":\"ASCII Art Generator\",\"description\":\"Use our professional ASCII art generator to convert images into text. Adjust contrast, brightness, and character sets to create high-quality photo to text art.\",\"icon\":\"Image\",\"priority\":999,\"keywords\":[\"ascii art generator\",\"image to ascii\",\"photo to text art\",\"ascii converter online\",\"text image generator\",\"ascii art from photo\"]}}],[\"$\",\"$La\",\"ascii-binary-hex-translator\",{\"tool\":{\"slug\":\"ascii-binary-hex-translator\",\"category\":\"dev\",\"title\":\"ASCII to Binary, Hex, and Decimal Translator\",\"description\":\"Instantly perform ASCII to binary, hex, and decimal conversions. Our secure, local-first number base translator handles custom delimiters and bit-padding for developers.\",\"icon\":\"Binary\",\"priority\":999,\"keywords\":[\"ascii to binary\",\"hex translator\",\"binary to text converter\",\"ascii hex converter\",\"number base translator\",\"binary to ascii online\",\"encoding conversion\"]}}],[\"$\",\"$La\",\"ascii-table-generator\",{\"tool\":{\"slug\":\"ascii-table-generator\",\"category\":\"dev\",\"title\":\"ASCII Table Generator\",\"description\":\"Use this Ascii Table Generator Online to browse character mappings. View decimal, hex, binary, and HTML entities for standard and extended ASCII characters instantly.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Ascii Table Generator Online\",\"Ascii Table Generator\",\"Ascii Table Generator Converter\",\"browse ASCII table\",\"extended ASCII\",\"character encoding\",\"ASCII decimal to hex\"]}}],[\"$\",\"$La\",\"audio-frequency-generator\",{\"tool\":{\"slug\":\"audio-frequency-generator\",\"category\":\"dev\",\"title\":\"Audio Frequency Generator\",\"description\":\"Use this precise online audio frequency generator to test speaker calibration or create binaural beats with custom sine, square, sawtooth, and triangle waves.\",\"icon\":\"Volume2\",\"priority\":999,\"keywords\":[\"audio frequency generator\",\"tone generator\",\"binaural beats generator\",\"sound frequency generator\",\"waveform generator\",\"frequency tone generator online\",\"speaker testing\",\"audio calibration\"]}}]]}]]}],[\"$\",\"section\",\"docs\",{\"id\":\"cat-docs\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-file-text w-4.5 h-4.5 text-blue-500\",\"children\":[[\"$\",\"path\",\"1rqfz7\",{\"d\":\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"}],[\"$\",\"path\",\"tnqrlb\",{\"d\":\"M14 2v4a2 2 0 0 0 2 2h4\"}],[\"$\",\"path\",\"b1mrlr\",{\"d\":\"M10 9H8\"}],[\"$\",\"path\",\"t4e002\",{\"d\":\"M16 13H8\"}],[\"$\",\"path\",\"z1uh3a\",{\"d\":\"M16 17H8\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Document Processing\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[36,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"View, edit, convert, and extract information from documents and spreadsheets.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"compress-pdf\",{\"tool\":{\"slug\":\"compress-pdf\",\"category\":\"docs\",\"title\":\"Compress PDF Online\",\"description\":\"Compress PDF Online easily. Reduce PDF file size with our free pdf optimizer. Choose high, medium, or low settings to shrink your documents without server uploads.\",\"icon\":\"FileDown\",\"priority\":999,\"keywords\":[\"compress pdf online\",\"reduce pdf file size\",\"pdf optimizer\",\"pdf shrinker\",\"free pdf compression\",\"lossless pdf compression\"]}}],[\"$\",\"$La\",\"csv-to-json\",{\"tool\":{\"slug\":\"csv-to-json\",\"category\":\"docs\",\"title\":\"Convert CSV to JSON Online\",\"description\":\"Need to convert CSV to JSON online? Use our high-speed, local-first data transformation tool to parse flat files into nested JSON objects instantly.\",\"icon\":\"Table2\",\"priority\":999,\"keywords\":[\"csv to json online\",\"convert csv to json\",\"csv parser\",\"json converter\",\"csv to array\",\"data transformation tool\",\"json object\",\"csv delimiter\"]}}],[\"$\",\"$La\",\"csv-to-tsv\",{\"tool\":{\"slug\":\"csv-to-tsv\",\"category\":\"docs\",\"title\":\"Convert CSV to TSV Online\",\"description\":\"Easily convert CSV to TSV online with our local-processing tool. Support for custom delimiters, whitespace trimming, and empty row filtering for clean data exports.\",\"icon\":\"Table\",\"priority\":999,\"keywords\":[\"csv to tsv online\",\"convert csv to tsv\",\"tab separated values\",\"csv converter\",\"tsv generator\",\"delimiter converter\",\"data formatting\",\"dsv parser\"]}}],[\"$\",\"$La\",\"csv-to-xlsx\",{\"tool\":{\"slug\":\"csv-to-xlsx\",\"category\":\"docs\",\"title\":\"Convert CSV to XLSX Online\",\"description\":\"Need to convert CSV to XLSX online? Use this instant, local-first spreadsheet converter to convert your data without ever uploading files to a server.\",\"icon\":\"FileSpreadsheet\",\"priority\":999,\"keywords\":[\"csv to xlsx online\",\"convert csv to excel\",\"csv to xlsx converter\",\"excel generator\",\"tabular data converter\",\"local data processing\",\"spreadsheet formatting\"]}}],[\"$\",\"$La\",\"delete-pdf-pages\",{\"tool\":{\"slug\":\"delete-pdf-pages\",\"category\":\"docs\",\"title\":\"Delete PDF Pages Online\",\"description\":\"Need to delete PDF pages online? Remove pages from PDF documents, extract specific content, or delete blank pages from PDF files securely in your browser.\",\"icon\":\"FileX\",\"priority\":999,\"keywords\":[\"delete pdf pages online\",\"remove pages from pdf\",\"pdf page remover\",\"extract pdf pages\",\"delete blank pages from pdf\",\"pdf page deletion tool\",\"local pdf editor\"]}}],[\"$\",\"$La\",\"epub-to-pdf\",{\"tool\":{\"slug\":\"epub-to-pdf\",\"category\":\"docs\",\"title\":\"Convert EPUB to PDF Online\",\"description\":\"Need to convert EPUB to PDF online? Use our local-first converter to turn ebooks into readable PDFs instantly. No uploads, no server storage, total privacy.\",\"icon\":\"BookOpen\",\"priority\":999,\"keywords\":[\"epub to pdf online\",\"convert epub to pdf\",\"ebook to pdf converter\",\"epub to pdf converter\",\"read epub as pdf\",\"epub to pdf free\",\"local ebook conversion\"]}}]]}]]}],[\"$\",\"section\",\"education\",{\"id\":\"cat-education\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/education\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-graduation-cap w-4.5 h-4.5 text-emerald-500\",\"children\":[[\"$\",\"path\",\"j76jl0\",{\"d\":\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"}],[\"$\",\"path\",\"1lu8f3\",{\"d\":\"M22 10v6\"}],[\"$\",\"path\",\"1r8lef\",{\"d\":\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Educational Calculators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[7,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/education\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Interactive learning calculators, conversion maps, and study resources.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"chemical-equation-balancer\",{\"tool\":{\"slug\":\"chemical-equation-balancer\",\"category\":\"education\",\"title\":\"Chemical Equation Balancer\",\"description\":\"Use our professional Chemical Equation Balancer Online to calculate stoichiometric coefficients, molar masses, and verify mass conservation for any reaction.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Chemical Equation Balancer Online\",\"balance chemical equations\",\"stoichiometric coefficient calculator\",\"chemical reaction mass conservation\",\"molar mass stoichiometry\",\"chemistry calculation tool\"]}}],[\"$\",\"$La\",\"cumulative-gpa-calculator\",{\"tool\":{\"slug\":\"cumulative-gpa-calculator\",\"category\":\"education\",\"title\":\"Cumulative GPA Calculator\",\"description\":\"Use our Cumulative GPA Calculator Online to track your academic history. Plan target grades, view semester trends, and export your transcript data with ease.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Cumulative Gpa Calculator Online\",\"Calculate cumulative GPA\",\"semester GPA trends\",\"academic history planner\",\"target GPA calculation\",\"weighted GPA\",\"academic performance tracking\"]}}],[\"$\",\"$La\",\"grade-calculator-predictor\",{\"tool\":{\"slug\":\"grade-calculator-predictor\",\"category\":\"education\",\"title\":\"Grade Calculator Predictor\",\"description\":\"Use our Grade Calculator Predictor Online to estimate your final course grade. Input syllabus weights and current scores to see exactly what you need to succeed.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Grade Calculator Predictor Online\",\"final grade predictor\",\"syllabus weight calculator\",\"required score to pass\",\"student GPA estimator\",\"academic grade tracking\",\"target grade calculator\"]}}],[\"$\",\"$La\",\"interactive-periodic-table-explorer\",{\"tool\":{\"slug\":\"interactive-periodic-table-explorer\",\"category\":\"education\",\"title\":\"Interactive Periodic Table Explorer\",\"description\":\"Use the Interactive Periodic Table Explorer Online to view atomic weights, electron configurations, and chemical properties for elements. Fast, browser-based lookup.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Interactive Periodic Table Explorer Online\",\"chemical element properties\",\"periodic table electron configuration\",\"atomic weight lookup\",\"Interactive Periodic Table Explorer\"]}}],[\"$\",\"$La\",\"molecular-mass-calculator\",{\"tool\":{\"slug\":\"molecular-mass-calculator\",\"category\":\"education\",\"title\":\"Molecular Mass Calculator\",\"description\":\"Use our precise Molecular Mass Calculator Online to find the molar mass of any chemical formula. Analyze element percentages and export your breakdown as a CSV file.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Molecular Mass Calculator Online\",\"chemical formula molar mass\",\"molar mass breakdown\",\"compound composition analysis\",\"element percentage c
22alculator\",\"calculate molecular mass\",\"molar mass\",\"chemical composition\"]}}],[\"$\",\"$La\",\"ohm-s-law-calculator\",{\"tool\":{\"slug\":\"ohm-s-law-calculator\",\"category\":\"education\",\"title\":\"Ohm's Law Calculator\",\"description\":\"Use our Ohm S Law Calculator Online to solve for Voltage, Current, or Resistance. Get real-time circuit results and visualize Characteristic Curves instantly.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Ohm S Law Calculator Online\",\"Ohm S Law Calculator\",\"Ohm S Law Calculator Converter\",\"electrical circuit solver\",\"voltage current resistance calculation\",\"calculate ohms law\",\"circuit analysis tool\"]}}]]}]]}],[\"$\",\"section\",\"encoders\",{\"id\":\"cat-encoders\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/encoders\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-binary w-4.5 h-4.5 text-cyan-500\",\"children\":[[\"$\",\"rect\",\"p02svl\",{\"x\":\"14\",\"y\":\"14\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"rect\",\"xm4xkj\",{\"x\":\"6\",\"y\":\"4\",\"width\":\"4\",\"height\":\"6\",\"rx\":\"2\"}],[\"$\",\"path\",\"1i6q5t\",{\"d\":\"M6 20h4\"}],[\"$\",\"path\",\"ru81e7\",{\"d\":\"M14 10h4\"}],[\"$\",\"path\",\"16z9wg\",{\"d\":\"M6 14h2v6\"}],[\"$\",\"path\",\"1idq9u\",{\"d\":\"M14 4h2v6\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Encoders \u0026 Decoders\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[44,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/encoders\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Convert between data formats using Base64, URL encoding, HTML entities, and binary.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"affine-cipher\",{\"tool\":{\"slug\":\"affine-cipher\",\"category\":\"encoders\",\"title\":\"Affine Cipher\",\"description\":\"Master the Affine Cipher Online. Our tool handles encryption and decryption using custom multipliers and shifts. Perfect for cryptography students and enthusiasts.\",\"
22icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Affine Cipher Online\",\"Affine Cipher Converter\",\"modular arithmetic encryption\",\"monoalphabetic substitution\",\"cryptography students\",\"Affine cipher math\",\"encrypt text\",\"decrypt text\"]}}],[\"$\",\"$La\",\"ascii-converter\",{\"tool\":{\"slug\":\"ascii-converter\",\"category\":\"encoders\",\"title\":\"ASCII Converter\",\"description\":\"Need an accurate ASCII converter online? Instantly convert text to ASCII values in decimal, hex, octal, or binary. Includes full character map and HTML entity lookup.\",\"icon\":\"Table\",\"priority\":999,\"keywords\":[\"ascii converter online\",\"text to ascii\",\"ascii table reference\",\"ascii code lookup\",\"convert string to ascii values\",\"character map viewer\",\"ascii character set\"]}}],[\"$\",\"$La\",\"ascii85-encoder-decoder\",{\"tool\":{\"slug\":\"ascii85-encoder-decoder\",\"category\":\"encoders\",\"title\":\"ASCII85 Encoder Decoder\",\"description\":\"Use our ASCII85 encoder decoder to convert binary to text using Adobe or Z85 standards. Efficient base85 conversion with real-time verification and file support.\",\"icon\":\"Binary\",\"priority\":999,\"keywords\":[\"ascii85 encoder decoder\",\"adobe ascii85\",\"z85 standard\",\"base85\",\"binary to text\",\"base85 encoding\",\"ascii85 online\"]}}],[\"$\",\"$La\",\"avro-encoder\",{\"tool\":{\"slug\":\"avro-encoder\",\"category\":\"encoders\",\"title\":\"Avro Encoder\",\"description\":\"Use our free Avro encoder online to convert JSON to Avro binary format with real-time schema validation. Ideal for testing Avro serialization locally and quickly.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"avro encoder online\",\"avro serialization\",\"avro schema validation\",\"avro to json converter\",\"binary format encoding\",\"apache avro\",\"serialize json to avro\"]}}],[\"$\",\"$La\",\"base32-encoder-decoder\",{\"tool\":{\"slug\":\"base32-encoder-decoder\",\"category\":\"encoders\",\"title\":\"Base32 Encoder Decoder\",\"description\":\"Use our Base32 encoder online to convert text and files securely. Supports RFC 4648 and Extended Hex variants for accurate Base32 to text transformation.\",\"icon\":\"Binary\",\"priority\":999,\"keywords\":[\"base32 encoder online\",\"base32 decoder\",\"rfc 4648 base32\",\"base32hex converter\",\"base32 encode decode\",\"base32 to text\",\"binary encoding\"]}}],[\"$\",\"$La\",\"base36-encoder\",{\"tool\":{\"slug\":\"base36-encoder\",\"category\":\"encoders\",\"title\":\"Base36 Encoder\",\"description\":\"Use our base36 encoder online to convert plain text into compact Base36 strings. Perfect for URL shorteners and generating efficient IDs locally in your browser.\",\"icon\":\"Shield\",\"priority\":999,\"keywords\":[\"base36 encoder online\",\"base36 encoder\",\"base36 encoder converter\",\"decode base36 string\",\"convert text to base36\",\"base36 algorithm\",\"alphanumeric encoding\"]}}]]}]]}],[\"$\",\"section\",\"finance\",{\"id\":\"cat-finance\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/finance\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-coins w-4.5 h-4.5 text-yellow-500\",\"children\":[[\"$\",\"circle\",\"3yglwk\",{\"cx\":\"8\",\"cy\":\"8\",\"r\":\"6\"}],[\"$\",\"path\",\"t5s6rm\",{\"d\":\"M18.09 10.37A6 6 0 1 1 10.34 18\"}],[\"$\",\"path\",\"1obek4\",{\"d\":\"M7 6h1v4\"}],[\"$\",\"path\",\"1rbuyh\",{\"d\":\"m16.71 13.88.7.71-2.82 2.82\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Finance \u
220026 Calculators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[203,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/finance\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Calculate compound interest, mortgage payments, taxes, and investment returns.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"aadhaar-validator\",{\"tool\":{\"slug\":\"aadhaar-validator\",\"category\":\"finance\",\"title\":\"Aadhaar Validator - Verify Indian UIDAI Numbers\",\"description\":\"Perform instant Aadhaar validation online. Use our secure tool to check your UIDAI card number, verify the Verhoeff algorithm checksum, and process bulk lists locally.\",\"icon\":\"ShieldCheck\",\"priority\":61,\"keywords\":[\"Aadhaar Validator\",\"Aadhaar validation online\",\"Verhoeff algorithm\",\"UIDAI card check\",\"validate Aadhaar number\",\"UIDAI verification\",\"bulk Aadhaar check\"]}}],[\"$\",\"$La\",\"altman-z-score\",{\"tool\":{\"slug\":\"altman-z-score\",\"category\":\"finance\",\"title\":\"Altman Z-Score Calculator - Bankruptcy Risk Analysis Tool\",\"description\":\"Assess corporate insolvency risk with our Altman Z-Score Online tool. Use the Altman Z-Score formula to interpret financial health for public and private companies.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Altman Z Score Online\",\"Altman Z Score\",\"Altman Z Score Converter\",\"corporate insolvency risk\",\"financial health analysis\",\"Z-score formula\",\"bankruptcy prediction\",\"Altman Z-Score interpretation\"]}}],[\"$\",\"$La\",\"apr-to-apy-converter\",{\"tool\":{\"slug\":\"apr-to-apy-converter\",\"category\":\"finance\",\"title\":\"APR to APY Converter - Interest Rate Tool\",\"description\":\"Use our APR to APY Converter Online to calculate your effective annual yield. Easily compare compounding frequencies and project returns on your investments.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Apr To Apy Converter Online\",\"Apr To Apy Converter\",\"Apr To Apy Converter Converter\",\"effective annual yield\",\"compound interest calculator\",\"annual percentage rate\",\"investment return calculation\"]}}],[\"$\",\"$La\",\"asset-turnover-ratio\",{\"tool\":{\"slug\":\"asset-turnover-ratio\",\"category\":\"finance\",\"title\":\"Asset Turnover Ratio Calculator - Efficiency Tool\",\"description\":\"Use this Asset Turnover Ratio Online tool to measure your capital efficiency. Analyze your Asset Turnover Ratio, interpret industry benchmarks, and optimize sales.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Asset Turnover Ratio Online\",\"Asset Turnover Ratio\",\"Asset Turnover Ratio Converter\",\"capital efficiency metrics\",\"operational efficiency analysis\",\"sales revenue vs assets\",\"asset utilization calculator\"]}}],[\"$\",\"$La\",\"audit-risk-assessment\",{\"tool\":{\"slug\":\"audit-risk-assessment\",\"category\":\"finance\",\"title\":\"Audit Risk Assessment - Tax Return Risk Analyzer\",\"description\":\"Use our Audit Risk Assessment Online tool to calculate your tax return risk score. Analyze income, deductions, and capital gains against IRS risk patterns for AY 2026-27.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Audit Risk Assessment Online\",\"tax return risk analysis\",\"IRS audit probability calculator\",\"calculate audit risk score\",\"business tax risk assessment\",\"tax audit risk factors\"]}}],[\"$\",\"$La\",\"auto-loan-calculator\",{\"tool\":{\"slug\":\"auto-loan-calculator\",\"category\":\"finance\",\"title\":\"Auto Loan Calculator - Car Payment \u0026 Amortization Tool\",\"description\":\"Use this auto loan calculator to estimate your monthly car payment, factor in taxes, fees, and trade-in value. Run amortization schedules to plan your vehicle financing.\",\"icon\":\"Car\",\"priority\":999,\"keywords\":[\"auto loan calculator\",\"car payment estimator\",\"monthly car payment\",\"vehicle financing calculator\",\"auto loan amortization\",\"car loan interest calculator\",\"car finance breakdown\"]}}]]}]]}],[\"$\",\"section\",\"fun\",{\"id\":\"cat-fun\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/fun\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-smile w-4.5 h-4.5 text-amber-400\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"1y1vjs\",{\"d\":\"M8 14s1.5 2 4 2 4-2 4-2\"}],[\"$\",\"line\",\"yxxnd0\",{\"x1\":\"9\",\"x2\":\"9.01\",\"y1\":\"9\",\"y2\":\"9\"}],[\"$\",\"line\",\"1p4y9e\",{\"x1\":\"15\",\"x2\":\"15.01\",\"y1\":\"9\",\"y2\":\"9\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Fun \u0026 Generators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[3,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/fun\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Generators for fortune cookies, compliments, random scenarios, and icebreakers.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"compliment-generator\",{\"tool\":{\"slug\":\"compliment-generator\",\"category\":\"fun\",\"title\":\"Compliment Generator\",\"description\":\"Use our Compliment Generator Online to create personalized, professional, or casual praise. Choose your tone, add custom phrases, and boost morale instantly.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Compliment Generator Online\",\"personalized compliment generator\",\"custom praise generator\",\"professional compliment ideas\",\"how to use a compliment generator\",\"instant praise tool\",\"team recognition generator\"]}}],[\"$\",\"$La\",\"fake-fortune-cookie\",{\"tool\":{\"slug\":\"fake-fortune-cookie\",\"category\":\"fun\",\"title\":\"Fake Fortune Cookie Generator\",\"description\":\"Use our Fake Fortune Cookie Online tool to generate random, humorous fortunes and sets of 6-digit lucky numbers instantly in your browser. Perfect for events.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Fake Fortune Cookie Online\",\"Generate Lucky Numbers\",\"Random Fortune Cookie Messages\",\"Fake Fortune Cookie Converter\",\"Digital Fortune Cookie Generator\",\"Fun Fortune Generator\",\"Browser-based Randomizer\"]}}],[\"$\",\"$La\",\"fizzbuzz-for-words\",{\"tool\":{\"slug\":\"fizzbuzz-for-words\",\"category\":\"fun\",\"title\":\"FizzBuzz for Words\",\"description\":\"Use this FizzBuzz for Words Online tool to convert text based on word length. Apply custom FizzBuzz for Words logic to replace specific words in your text today.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Fizzbuzz For Words Online\",\"Fizzbuzz For Words\",\"Fizzbuzz For Words Converter\",\"text transformation\",\"word length generator\",\"custom word replacement\",\"fizzbuzz text tool\"]}}]]}]]}],[\"$\",\"section\",\"game\",{\"id\":\"cat-game\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/game\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-gamepad2 w-4.5 h-4.5 text-purple-500\",\"children\":[[\"$\",\"line\",\"1gktln\",{\"x1\":\"6\",\"x2\":\"10\",\"y1\":\"11\",\"y2\":\"11\"}],[\"$\",\"line\",\"qnk9ow\",{\"x1\":\"8\",\"x2\":\"8\",\"y1\":\"9\",\"y2\":\"13\"}],[\"$\",\"line\",\"krot7o\",{\"x1\":\"15\",\"x2\":\"15.01\",\"y1\":\"12\",\"y2\":\"12\"}],[\"$\",\"line\",\"1lcuu1\",{\"x1\":\"18\",\"x2\":\"18.01\",\"y1\":\"10\",\"y2\":\"10\"}],[\"$\",\"path\",\"mfqc10\",{\"d\":\"M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Games \u0026 Simulators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[22,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/game\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Play interactive retro games, roll dice, flip coins, and run statistical game simulations.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"chess-opening-explorer\",{\"tool\":{\"slug\":\"chess-opening-explorer\",\"category\":\"game\",\"title\":\"Chess Opening Explorer\",\"description\":\"Master your chess strategy with our Chess Opening Explorer. Use this random chess opening generator to study ECO codes, move sequences, and necessary chess theory.\",\"icon\":\"Swords\",\"priority\":999,\"keywords\":[\"random chess opening\",\"chess opening explorer\",\"ECO codes\",\"chess moves\",\"opening theory\",\"chess strategy\",\"chess board simulator\"]}}],[\"$\",\"$La\",\"coin-flipper\",{\"tool\":{\"slug\":\"coin-flipper\",\"category\":\"game\",\"title\":\"Coin Flipper\",\"description\":\"Flip a coin online with realistic 3D physics. Use this heads or tails simulator to track streaks or run bulk simulations up to 10,000 tosses for probability analysis.\",\"icon\":\"Coins\",\"priority\":999,\"keywords\":[\"coin flipper online\",\"heads or tails simulator\",\"streak tracker coin toss\",\"virtual coin flip probability\",\"online coin toss simulator\",\"random decision maker\",\"bulk coin simulation\"]}}],[\"$\",\"$La\",\"dice-roller\",{\"tool\":{\"slug\":\"dice-roller\",\"category\":\"game\",\"title\":\"Dice Roller\",\"description\":\"Roll polyhedral dice with our 3D dice roller online. Features physics-based d20 rolls, custom modifiers, and historical tracking for your RPG gaming sessions.\",\"icon\":\"Dice\",\"priority\":999,\"keywords\":[\"3d dice roller online\",\"polyhedral dice roller\",\"rpg dice simulator\",\"dnd dice roller\",\"virtual dice set\",\"dice probability distributions\",\"d20 roller online\"]}}],[\"$\",\"$La\",\"dnd-point-buy\",{\"tool\":{\"slug\":\"dnd-point-buy\",\"category\":\"game\",\"title\":\"D\u0026D Point Buy Calculator\",\"description\":\"Build balanced D\u0026D characters with our point buy calculator. Optimize ability scores, apply racial bonuses, and export your stats for your next 5e adventure.\",\"icon\":\"Calculator\",\"priority\":999,\"keywords\":[\"dnd point buy calculator\",\"5e ability score calculator\",\"D\u0026D stat optimizer\",\"point buy system\",\"character creation tool\",\"D\u0026D 5E character builder\"]}}],[\"$\",\"$La\",\"hex-grid-converter\",{\"tool\":{\"slug\":\"hex-grid-converter\",\"category\":\"game\",\"title\":\"Hex Grid Converter\",\"description\":\"Easily perform axial to cube coordinate conversions and calculate hex grid path distances with our interactive hex grid converter for game development.\",\"icon\":\"Grid\",\"priority\":999,\"keywords\":[\"hex grid converter\",\"axial to cube conversion\",\"offset hex map tool\",\"tile-based coordinate systems\",\"game development tools\",\"coordinate math\"]}}],[\"$\",\"$La\",\"knight-tour-solver\",{\"tool\":{\"slug\":\"knight-tour-solver\",\"category\":\"game\",\"title\":\"Knight's Tour Solver\",\"description\":\"Solve the classic chess knight tour solver challenge online. Visualize Warnsdorff's rule in action, adjust animation speeds, and step through the path manually.\",\"
22icon\":\"ChessKnight\",\"priority\":999,\"keywords\":[\"chess knight tour solver\",\"warnsdorffs rule knight tour\",\"knight tour visualization\",\"chess algorithm simulator\",\"knights tour backtracking\",\"pathfinding algorithm\",\"chess logic game\"]}}]]}]]}],[\"$\",\"section\",\"gis\",{\"id\":\"cat-gis\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/gis\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-map w-4.5 h-4.5 text-blue-500\",\"children\":[[\"$\",\"polygon\",\"ok2ie8\",{\"points\":\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"}],[\"$\",\"line\",\"w34qz5\",{\"x1\":\"9\",\"x2\":\"9\",\"y1\":\"3\",\"y2\":\"18\"}],[\"$\",\"line\",\"volv9a\",{\"x1\":\"15\",\"x2\":\"15\",\"y1\":\"6\",\"y2\":\"21\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"GIS \u0026 Map Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[6,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/gis\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Convert coordinates, calculate distances, and map scales client-side.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"bearing-azimuth-calculator\",{\"tool\":{\"slug\":\"bearing-azimuth-calculator\",\"category\":\"gis\",\"title\":\"Bearing Azimuth Calculator\",\"description\":\"Use our Bearing Azimuth Calculator Online to determine true and magnetic bearings between GPS coordinates. Adjust for magnetic declination and visualize your path.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Bearing Azimuth Calculator Online\",\"Calculate Azimuth Online\",\"True and Magnetic Bearing\",\"Geodetic Bearing Formula\",\"Magnetic Declination Adjustment\",\"GPS Coordinate Bearing\"]}}],[\"$\",\"$La\",\"coordinate-converter-studio\",{\"tool\":{\"slug\":\"coordinate-converter-studio\",\"category\":\"gis\",\"title\":\"Coordinate Converter Studio\",\"description\":\"Convert location data with Coordinate Converter Studio Online. Seamlessly convert Decimal Degrees, DMS, and UTM coordinates with live map verification for GIS projects.\",\"
22icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Coordinate Converter Studio Online\",\"GIS coordinate system converter\",\"WGS84 to UTM conversion\",\"Decimal Degrees to DMS\",\"Geodetic coordinate transformation tool\",\"map coordinate converter\",\"geospatial data tool\"]}}],[\"$\",\"$La\",\"elevation-profile-simulator\",{\"tool\":{\"slug\":\"elevation-profile-simulator\",\"category\":\"gis\",\"title\":\"Elevation Profile Simulator\",\"description\":\"Use our Elevation Profile Simulator Online to generate elevation profiles, calculate total gain, loss, and slope percentages for your topographic route data.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Elevation Profile Simulator Online\",\"elevation profile generation\",\"topographic route analysis\",\"slope percentage calculation\",\"terrain profile mapping\",\"elevation gain calculator\",\"route elevation chart\",\"geospatial data analysis\"]}}],[\"$\",\"$La\",\"gps-coordinate-formatter\",{\"tool\":{\"slug\":\"gps-coordinate-formatter\",\"category\":\"gis\",\"title\":\"GPS Coordinate Formatter\",\"description\":\"Use our GPS Coordinate Formatter Online to convert between Decimal Degrees, DMS, and Geohash. Preview locations on a map with high-precision coordinate conversion.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Gps Coordinate Formatter Online\",\"Gps Coordinate Formatter\",\"Gps Coordinate Formatter Converter\",\"coordinate conversion\",\"geohash decoder\",\"dms to decimal\"]}}],[\"$\",\"$La\",\"haversine-distance-calculator\",{\"tool\":{\"slug\":\"haversine-distance-calculator\",\"category\":\"gis\",\"title\":\"Haversine Distance Calculator\",\"description\":\"Use this Haversine Distance Calculator Online to find the great-circle distance between coordinates. Perfect for GIS tasks, aviation planning, and maritime navigation.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Haversine Distance Calculator Online\",\"great-circle distance calculator\",\"GPS coordinate distance\",\"geographic waypoint distance\",\"spherical distance formula\"]}}],[\"$\",\"$La\",\"map-scale-calculator\",{\"tool\":{\"slug\":\"map-scale-calculator\",\"category\":\"gis\",\"title\":\"Map Scale Calculator\",\"description\":\"Easily convert map distances to real-world ground distances using our Map Scale Calculator Online. Perfect for hikers, cartographers, and urban planners.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Map Scale Calculator Online\",\"ground distance calculator\",\"topographic map scale converter\",\"representative fraction calculation\",\"map measurement tool\",\"GIS distance utility\",\"scale bar conversion\"]}}]]}]]}],[\"$\",\"section\",\"hash\",{\"id\":\"cat-hash\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/hash\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-fingerprint w-4.5 h-4.5 text-fuchsia-500\",\"children\":[[\"$\",\"path\",\"1jc9o5\",{\"d\":\"M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4\"}],[\"$\",\"path\",\"1mxgy1\",{\"d\":\"M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2\"}],[\"$\",\"path\",\"ptglia\",{\"d\":\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"}],[\"$\",\"path\",\"1nerag\",{\"d\":\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"}],[\"$\",\"path\",\"13wd9y\",{\"d\":\"M8.65 22c.21-.66.45-1.32.57-2\"}],[\"$\",\"path\",\"o46ks0\",{\"d\":\"M14 13.12c0 2.38 0 6.38-1 8.88\"}],[\"$\",\"path\",\"1gqxmh\",{\"d\":\"M2 16h.01\"}],[\"$\",\"path\",\"drycrb\",{\"d\":\"M21.8 16c.2-2 .131-5.354 0-6\"}],[\"$\",\"path\",\"1fgabc\",{\"d\":\"M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Hash Generators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[42,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/hash\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Calculate cryptographic hash values including MD5, SHA-1, SHA-256, and SHA-512.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"blake2b-hash-generator\",{\"tool\":{\"slug\":\"blake2b-hash-generator\",\"category\":\"hash\",\"title\":\"BLAKE2b Hash Generator\",\"description\":\"Need a secure blake2b hash generator? Use our private, browser-based tool to create high-performance cryptographic hashes locally. No server uploads.\",\"icon\":\"Hash\",\"priority\":999,\"keywords\":[\"blake2b hash generator\",\"blake2b online\",\"cryptographic hash generator\",\"generate blake2b hash\",\"secure hash function\",\"hash utility\",\"data integrity\"]}}],[\"$\",\"$La\",\"blake2bp-hash\",{\"tool\":{\"slug\":\"blake2bp-hash\",\"category\":\"hash\",\"title\":\"BLAKE2bp Hash\",\"description\":\"Generate a BLAKE2bp hash online with our high-performance converter. Ideal for large-scale data integrity verification using multi-core parallel processing.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"blake2bp hash online\",\"blake2bp hash converter\",\"parallel hash generation\",\"cryptographic hash utility\",\"BLAKE2bp vs BLAKE2b\",\"data integrity tool\"]}}],[\"$\",\"$La\",\"blake2s-hash-generator\",{\"tool\":{\"slug\":\"blake2s-hash-generator\",\"category\":\"hash\",\"title\":\"BLAKE2s Hash Generator\",\"description\":\"Generate secure 32-bit cryptographic hashes with the BLAKE2s hash generator. Perfect for data integrity verification and secure local hashing in your browser.\",\"icon\":\"Hash\",\"priority\":999,\"keywords\":[\"blake2s hash generator\",\"32-bit cryptographic hash\",\"blake2s online\",\"data integrity\",\"cryptographic hashing\",\"secure hash\",\"file checksum\",\"web-based hashing\"]}}],[\"$\",\"$La\",\"blake2sp-hash\",{\"tool\":{\"slug\":\"blake2sp-hash\",\"category\":\"hash\",\"title\":\"BLAKE2sp Hash\",\"description\":\"Generate a BLAKE2sp hash online instantly. Perfect for secure, high-efficiency, parallel-processed data integrity checks without any server uploads.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"blake2sp hash online\",\"blake2sp hash\",\"blake2sp hash converter\",\"data integrity\",\"cryptographic hashing\",\"parallel hashing\",\"secure file verification\"]}}],[\"$\",\"$La\",\"blake3-hash-generator\",{\"tool\":{\"slug\":\"blake3-hash-generator\",\"category\":\"hash\",\"title\":\"BLAKE3 Hash Generator\",\"description\":\"Generate BLAKE3 hashes locally. Our blake3 hash generator offers superior speed, tree-based parallel architecture, and high-security integrity verification.\",\"icon\":\"Hash\",\"priority\":999,\"keywords\":[\"blake3 hash generator\",\"blake3 online\",\"cryptographic hash function\",\"blake3 vs blake2\",\"tree hashing\",\"local file hash\",\"webassembly hash\"]}}],[\"$\",\"$La\",\"cshake128-file-hash\",{\"tool\":{\"slug\":\"cshake128-file-hash\",\"category\":\"hash\",\"title\":\"cSHAKE128 File Hash\",\"description\":\"Generate a secure cSHAKE128 file hash online with custom domain separation strings. Ensure data integrity locally in your browser with this cSHAKE128 file hash converter.\",\"icon\":\"Wrench\",\"priority\":999,\"keywords\":[\"cshake128 file hash online\",\"cshake128 file hash converter\",\"domain separation hashing\",\"cryptographic file integrity\",\"SHAKE-128 output length\",\"browser-based hashing\"]}}]]}]]}],[\"$\",\"section\",\"health\",{\"id\":\"cat-health\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/health\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-heart-pulse w-4.5 h-4.5 text-red-500\",\"children\":[[\"$\",\"path\",\"c3ymky\",{\"d\":\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"}],[\"$\",\"path\",\"1uw2ng\",{\"d\":\"M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Health \u0026 Fitness\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[25,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/health\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Calculate Body Mass Index (BMI), daily calorie needs, and hydration targets.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"bac-calculator\",{\"tool\":{\"slug\":\"bac-calculator\",\"category\":\"health\",\"title\":\"BAC Calculator\",\"description\":\"Use our BAC calculator to estimate blood alcohol content. Understand the Widmark formula, sobriety time, and drink driving risk levels for informed decisions.\",\"icon\":\"Beaker\",\"priority\":999,\"keywords\":[\"blood alcohol content calculator\",\"estimate bac online\",\"sobriety time\",\"drink driving risk\",\"widmark formula\",\"alcohol impairment\",\"standard drink calculation\",\"health safety tool\"]}}],[\"$\",\"$La\",\"binaural-beat-generator\",{\"tool\":{\"slug\":\"binaural-beat-generator\",\"category\":\"health\",\"title\":\"Binaural Beat Generator\",\"description\":\"Use our Binaural Beat Generator to create precise frequency interference patterns for deep sleep, meditation, and focus. Adjust carrier waves and noise for entrainment.\",\"icon\":\"Waves\",\"priority\":999,\"keywords\":[\"Binaural Beat Generator\",\"brainwave entrainment\",\"delta sleep frequencies\",\"binaural beats for concentration\",\"audio frequency interference\",\"cognitive performance audio\",\"theta waves\",\"gamma peak state\"]}}],[\"$\",\"$La\",\"blood-group-compatibility\",{\"tool\":{\"slug\":\"blood-group-compatibility\",\"category\":\"health\",\"title\":\"Blood Group Compatibility Tool\",\"description\":\"Use our Blood Group Compatibility Tool to simulate transfusion matches and view global blood type rarity. Understand antigen-antibody interactions in seconds.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Blood Group Compatibility\",\"Blood Group Compatibility Converter\",\"blood transfusion simulator\",\"ABO-Rh compatibility\",\"blood type frequency\",\"health utility\"]}}],[\"$\",\"$La\",\"blood-pressure-checker\",{\"tool\":{\"slug\":\"blood-pressure-checker\",\"category\":\"health\",\"title\":\"Blood Pressure Checker\",\"description\":\"Use our blood pressure category checker to classify your readings based on official AHA guidelines. Understand your heart health with instant, color-coded results.\",\"icon\":\"HeartPulse\",\"priority\":999,\"keywords\":[\"blood pressure category checker\",\"blood pressure checker\",\"hypertension checker\",\"AHA blood pressure guidelines\",\"blood pressure risk assessment\",\"heart health tool\",\"systolic\",\"diastolic\",\"mmHg\"]}}],[\"$\",\"$La\",\"bmi-calculator\",{\"tool\":{\"slug\":\"bmi-calculator\",\"category\":\"health\",\"title\":\"BMI Calculator\",\"description\":\"Use this precise BMI calculator to assess your body mass index, check your weight category, and understand your health risk assessment based on clinical metrics.\",\"icon\":\"Scale\",\"priority\":999,\"keywords\":[\"bmi calculator\",\"body mass index\",\"bmi check\",\"weight category\",\"health risk assessment\",\"bmi online\",\"body weight range\"]}}],[\"$\",\"$La\",\"bmr-calculator\",{\"tool\":{\"slug\":\"bmr-calculator\",\"category\":\"health\",\"title\":\"BMR Calculator\",\"description\":\"Calculate your BMR and TDEE with our Mifflin-St Jeor BMR calculator. Get precise resting calorie burn data and weight management targets for your fitness goals.\",\"icon\":\"Flame\",\"priority\":999,\"keywords\":[\"bmr calculator\",\"basal metabolic rate\",\"calorie needs calculator\",\"tdee calculator\",\"metabolism calculator\",\"resting calorie burn\",\"weight loss targets\"]}}]]}]]}],[\"$\",\"section\",\"image\",{\"id\":\"cat-image\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/image\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-image w-4.5 h-4.5 text-orange-500\",\"children\":[[\"$\",\"rect\",\"1m3agn\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"circle\",\"af1f0g\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"$\",\"path\",\"1xmnt7\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Image Editors\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[49,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/image\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Resize, crop, compress, rotate, and convert image formats locally in your tab.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"aspect-ratio-crop\",{\"tool\":{\"slug\":\"aspect-ratio-crop\",\"category\":\"image\",\"title\":\"Aspect Ratio Crop Tool\",\"description\":\"Master your image layout with the Aspect Ratio Crop Tool. Precisely crop photos for social media using rule of thirds guides, custom ratios, and format conversion.\",\"icon\":\"Crop\",\"priority\":999,\"keywords\":[\"aspect ratio crop\",\"image ratio cropper\",\"photo crop tool\",\"canvas crop\",\"rule of thirds overlay\",\"custom aspect ratio\",\"crop images\",\"image resizing\"]}}],[\"$\",\"$La\",\"base64-to-image\",{\"tool\":{\"slug\":\"base64-to-image\",\"category\":\"image\",\"title\":\"Base64 to Image Converter\",\"description\":\"Decode Base64 strings to view images instantly. Use our base64 to image tool for automatic MIME detection, pixel analysis, and one-click downloads.\",\"icon\":\"Image\",\"priority\":999,\"keywords\":[\"base64 to image\",\"base64 decoder online\",\"decode base64 to image\",\"base64 image viewer\",\"data URI to image\",\"image decoding\",\"base64 data conversion\"]}}],[\"$\",\"$La\",\"blur-image\",{\"tool\":{\"slug\":\"blur-image\",\"category\":\"image\",\"title\":\"Blur Image Tool\",\"description\":\"Easily blur image online with our high-performance Gaussian blur generator. Adjust radius, brightness, and contrast for professional image softener results.\",\"icon\":\"Blur\",\"priority\":999,\"keywords\":[\"blur image online\",\"gaussian blur generator\",\"image softener\",\"background blur tool\",\"photo blur filter\",\"adjust image brightness\",\"image contrast adjustment\"]}}],[\"$\",\"$La\",\"circular-cropper\",{\"tool\":{\"slug\":\"circular-cropper\",\"category\":\"image\",\"title\":\"Circular Cropper\",\"description\":\"Use this circular cropper to mask images into circles, hexagons, or hearts. Create professional avatars online with adjustable borders, shadows, and scaling.\",\"icon\":\"Circle\",\"priority\":999,\"keywords\":[\"circular cropper\",\"image cropper online\",\"circle crop tool\",\"avatar maker\",\"photo to circle\",\"round image cropper\",\"shape mask\",\"custom avatar editor\"]}}],[\"$\",\"$La\",\"cmyk-to-pantone-matcher\",{\"tool\":{\"slug\":\"cmyk-to-pantone-matcher\",\"category\":\"image\",\"title\":\"CMYK to Pantone Matcher\",\"description\":\"Use our Cmyk To Pantone Matcher Online to find the closest Pantone matches for your CMYK values. Achieve professional Delta E accuracy for c
22oated and uncoated prints.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Cmyk To Pantone Matcher Online\",\"Cmyk To Pantone Matcher\",\"Cmyk To Pantone Matcher Converter\",\"Delta E color accuracy\",\"Pantone match for CMYK\",\"spot color selection\",\"coated and uncoated pantone\",\"print color management\"]}}],[\"$\",\"$La\",\"collage-maker\",{\"tool\":{\"slug\":\"collage-maker\",\"category\":\"image\",\"title\":\"Collage Maker\",\"description\":\"Design high-resolution photo grids with the Collage Maker online. Adjust custom canvas layouts, spacing, and export professional-grade picture arrangements instantly.\",\"icon\":\"Layout\",\"priority\":999,\"keywords\":[\"collage maker online\",\"photo grid maker\",\"canvas collage\",\"picture arranger\",\"photo layout tool\",\"photo collage design\",\"image grid generator\"]}}]]}]]}],[\"$\",\"section\",\"key-generator\",{\"id\":\"cat-key-generator\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/key-generator\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-key w-4.5 h-4.5 text-amber-500\",\"children\":[[\"$\",\"circle\",\"yqb3hr\",{\"cx\":\"7.5\",\"cy\":\"15.5\",\"r\":\"5.5\"}],[\"$\",\"path\",\"1j0ho8\",{\"d\":\"m21 2-9.6 9.6\"}],[\"$\",\"path\",\"1rn1fs\",{\"d\":\"m15.5 7.5 3 3L22 7l-3-3\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Key \u0026 UUID Generators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[18,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/key-generator\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Generate secure random passwords, API tokens, UUIDs, and encryption keys.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"api-key-generator\",{\"tool\":{\"slug\":\"api-key-generator\",\"category\":\"key-generator\",\"title\":\"API Key Generator\",\"description\":\"Create cryptographically secure tokens with an API key generator. Customize your prefixes, entropy levels, and batch sizes for staging or production environments.\",\"
22icon\":\"Key\",\"priority\":999,\"keywords\":[\"api key generator\",\"secure key generator\",\"api token generator\",\"random token generator\",\"authentication keys\",\"entropy calculation\",\"production security\",\"token batch generation\"]}}],[\"$\",\"$La\",\"authorization-code-generator\",{\"tool\":{\"slug\":\"authorization-code-generator\",\"category\":\"key-generator\",\"title\":\"Authorization Code Generator\",\"description\":\"Create high-entropy secrets using an authorization code generator. Perfect for OAuth 2.0 PKCE challenges and reliable API authentication. Start securing your endpoints.\",\"icon\":\"Key\",\"priority\":999,\"keywords\":[\"authorization code generator\",\"auth code generator\",\"validation code generator\",\"OAuth 2.0 PKCE challenge\",\"API authentication secrets\",\"entropy-based key generation\"]}}],[\"$\",\"$La\",\"backup-code-generator\",{\"tool\":{\"slug\":\"backup-code-generator\",\"category\":\"key-generator\",\"title\":\"Backup Code Generator\",\"description\":\"Generate high-entropy 2FA recovery strings with our Backup Code Generator Online. Create printable, secure offline matrices to regain access during device loss.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Backup Code Generator Online\",\"2FA recovery codes\",\"offline backup code tool\",\"high-entropy recovery strings\",\"2FA disaster recovery\",\"backup code batch generation\",\"recovery key management\"]}}],[\"$\",\"$La\",\"diceware-passphrase-generator\",{\"tool\":{\"slug\":\"diceware-passphrase-generator\",\"category\":\"key-generator\",\"title\":\"Diceware Passphrase Generator\",\"description\":\"Create secure, memorable passphrases with this Diceware Passphrase Generator Online. Build high-entropy keys for master passwords without any server-side data leakage.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Diceware Passphrase Generator Online\",\"Diceware Passphrase Generator\",\"secure passphrase creation\",\"high entropy passphrase\",\"Diceware wordlist\",\"cryptographic key generation\",\"master password generator\"]}}],[\"$\",\"$La\",\"ecc-key-generator\",{\"tool\":{\"slug\":\"ecc-key-generator\",\"category\":\"key-generator\",\"title\":\"ECC Key Generator\",\"description\":\"Provision SECP256K1 or NIST curve keys with our ECC key generator online. Generate secure SSH tunnel keypairs directly in your browser with zero server data exposure.\",\"icon\":\"Shield\",\"priority\":999,\"keywords\":[\"ecc key generator online\",\"secp256k1 key generation\",\"nist elliptic curve keys\",\"secure ssh tunnel keypairs\",\"browser-based ecdsa key creator\",\"cryptographic key generation\",\"ecc private key extractor\"]}}],[\"$\",\"$La\",\"ed25519-key-generator\",{\"tool\":{\"slug\":\"ed25519-key-generator\",\"category\":\"key-generator\",\"title\":\"ED25519 Key Generator\",\"description\":\"Use our ED25519 key generator online to create RFC 8032 compliant keys. Generate secure ED25519 signing keys for current SSH access and authenticated Git commits.\",\"icon\":\"Shield\",\"priority\":999,\"keywords\":[\"ed25519 key generator online\",\"create ed25519 ssh keys\",\"ed25519 key generator converter\",\"generate ed25519 key pair\",\"secure ed25519 signing keys\",\"ed25519 public key\",\"ed25519 private key\",\"rfc 8032 keys\"]}}]]}]]}],[\"$\",\"section\",\"math\",{\"id\":\"cat-math\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/math\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calculator w-4.5 h-4.5 text-lime-500\",\"children\":[[\"$\",\"rect\",\"1nb95v\",{\"width\":\"16\",\"height\"
22:\"20\",\"x\":\"4\",\"y\":\"2\",\"rx\":\"2\"}],[\"$\",\"line\",\"x4nwl0\",{\"x1\":\"8\",\"x2\":\"16\",\"y1\":\"6\",\"y2\":\"6\"}],[\"$\",\"line\",\"wjye3r\",{\"x1\":\"16\",\"x2\":\"16\",\"y1\":\"14\",\"y2\":\"18\"}],[\"$\",\"path\",\"1m94wz\",{\"d\":\"M16 10h.01\"}],[\"$\",\"path\",\"1nrarc\",{\"d\":\"M12 10h.01\"}],[\"$\",\"path\",\"19clt8\",{\"d\":\"M8 10h.01\"}],[\"$\",\"path\",\"1etili\",{\"d\":\"M12 14h.01\"}],[\"$\",\"path\",\"6423bh\",{\"d\":\"M8 14h.01\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],[\"$\",\"path\",\"lrp35t\",{\"d\":\"M8 18h.01\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Math \u0026 Calculators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[76,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/math\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Perform algebra, statistics, geometry, matrix math, and unit conversions.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"angle-converter\",{\"tool\":{\"slug\":\"angle-converter\",\"category\":\"math\",\"title\":\"Angle Converter\",\"description\":\"Use this precise angle converter to convert degrees to radians, radians to degrees, and other angular units. Includes visual representation and step-by-step traces.\",\"icon\":\"Move\",\"priority\":999,\"keywords\":[\"angle converter\",\"degrees to radians\",\"radians to degrees\",\"gradian converter\",\"arcseconds to degrees\",\"angular units\",\"geometry calculator\"]}}],[\"$\",\"$La\",\"area-converter\",{\"tool\":{\"slug\":\"area-converter\",\"category\":\"math\",\"title\":\"Area Converter\",\"description\":\"Need to perform land area conversion quickly? Use our accurate area converter to switch between hectares to acres, square feet to square meters, and more.\",\"icon\":\"Ruler\",\"priority\":999,\"keywords\":[\"area converter\",\"square feet to square meters\",\"acres to square feet\",\"hectares to acres\",\"land area conversion\",\"dimension converter\"]}}],[\"$\",\"$La\",\"base-converter\",{\"tool\":{\"slug\":\"base-converter\",\"category\":\"math\",\"title\":\"Base Converter\",\"description\":\"Need to perform number base conversion? Use our professional base converter to switch between bases 2 and 36. Perfect for binary, hex, and radix calculations.\",\"icon\":\"Binary\",\"priority\":999,\"keywords\":[\"base converter\",\"radix converter\",\"number base conversion\",\"binary to hexadecimal\",\"convert bases\",\"base 36 calculator\",\"positional numeral system\"]}}],[\"$\",\"$La\",\"binary-calculator\",{\"tool\":{\"slug\":\"binary-calculator\",\"category\":\"math\",\"title\":\"Binary Calculator\",\"description\":\"Use our binary calculator online for accurate binary addition, subtraction, and bitwise arithmetic. Handle signed two's complement and bit-length constraints easily.\",\"icon\":\"Calculator\",\"priority\":999,\"keywords\":[\"binary calculator online\",\"binary addition\",\"binary subtraction\",\"bitwise calculator\",\"two's complement calculator\",\"binary arithmetic\",\"binary overflow\"]}}],[\"$\",\"$La\",\"binary-decision-tree-builder\",{\"tool\":{\"slug\":\"binary-decision-tree-builder\",\"category\":\"math\",\"t
22itle\":\"Binary Decision Tree Builder\",\"description\":\"Use this Binary Decision Tree Builder Online to model strategic choices. Calculate probability-weighted expected values and visualize complex decision paths.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Binary Decision Tree Builder Online\",\"Expected Value Tree Calculator\",\"Strategic Decision Tree Mapping\",\"Decision Tree Evaluator\",\"Probability Analysis\",\"Decision Logic\"]}}],[\"$\",\"$La\",\"binary-to-decimal\",{\"tool\":{\"slug\":\"binary-to-decimal\",\"category\":\"math\",\"title\":\"Binary to Decimal Converter\",\"description\":\"Need to convert binary to decimal? Use our instant binary converter to see the positional expansion math and get accurate base-10 results for any bit string.\",\"icon\":\"Hash\",\"priority\":999,\"keywords\":[\"binary to decimal\",\"binary converter\",\"base-2 to base-10\",\"number conversion\",\"binary to decimal calculator\",\"convert binary to decimal online\"]}}]]}]]}],[\"$\",\"section\",\"media\",{\"id\":\"cat-media\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/media\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-clapperboard w-4.5 h-4.5 text-rose-500\",\"children\":[[\"$\",\"path\",\"1tn4o7\",{\"d\":\"M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z\"}],[\"$\",\"path\",\"iuk76l\",{\"d\":\"m6.2 5.3 3.1 3.9\"}],[\"$\",\"path\",\"6hsd6n\",{\"d\":\"m12.4 3.4 3.1 4\"}],[\"$\",\"path\",\"ltgou9\",{\"d\":\"M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Media Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[13,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/media\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Process audio, video, extract metadata, and convert media formats locally.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"audio-waveform-visualizer\",{\"tool\":{\"slug\":\"audio-waveform-visualizer\",\"category\":\"media\",\"title\":\"Audio Waveform Visualizer\",\"description\":\"Use this Audio Waveform Visualizer Online to analyze audio in real-time. Switch between oscilloscope and frequency spectrum views to monitor peaks and export data.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Audio Waveform Visualizer Online\",\"Audio Waveform Visualizer\",\"frequency spectrum analyzer\",\"real-time oscilloscope\",\"audio peak meter\",\"waveform analysis\",\"browser-based audio tool\"]}}],[\"$\",\"$La\",\"chord-progression-architect\",{\"tool\":{\"slug\":\"chord-progression-architect\",\"category\":\"media\",\"title\":\"Chord Progression Architect\",\"description\":\"Use the Chord Progression Architect Online to build and transpose custom chord sequences. Hear instant audio playback and export your musical ideas easily.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Chord Progression Architect Online\",\"build chord progressions\",\"transpose chord keys\",\"chord progression audio playback\",\"export chord sequences\",\"music theory tool\"]}}],[\"$\",\"$La\",\"csv-to-srt-converter\",{\"tool\":{\"slug\":\"csv-to-srt-converter\",\"category\":\"media\",\"title\":\"CSV to SRT Converter\",\"description\":\"Use our Csv To Srt Converter Online to convert subtitle data. Edit timestamps and text in real-time with this local subtitle conversion tool. No server required.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Csv To Srt Converter Online\",\"Csv To Srt Converter\",\"subtitle conversion tool\",\"CSV to SRT format conversion\",\"local subtitle editor\",\"SRT generation software\"]}}],[\"$\",\"$La\",\"frequency-to-musical-note-converter\",{\"tool\":{\"slug\":\"frequency-to-musical-note-converter\",\"category\":\"media\",\"title\":\"Frequency to Musical Note Converter\",\"description\":\"Use this Frequency To Musical Note Converter Online to identify musical notes from any Hz value. Calculate cents deviation and export tuning history for your audio projects.\",\"
22icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Frequency To Musical Note Converter Online\",\"Frequency To Musical Note Converter\",\"musical pitch calculator\",\"hertz to note converter\",\"tuning deviation analyzer\",\"audio frequency mapping\"]}}],[\"$\",\"$La\",\"musical-scale-mode-explorer\",{\"tool\":{\"slug\":\"musical-scale-mode-explorer\",\"category\":\"media\",\"title\":\"Musical Scale Mode Explorer\",\"description\":\"Explore musical scales and modes with the Musical Scale Mode Explorer Online. Visualize intervals on a piano keyboard, calculate formulas, and export scale data.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Musical Scale Mode Explorer Online\",\"Musical Scale Mode Explorer\",\"Musical Scale Mode Explorer Converter\",\"musical scale generator\",\"mode visualization tool\",\"piano keyboard scales\",\"music theory calculator\",\"scale interval formula\"]}}],[\"$\",\"$La\",\"precision-metronome-studio\",{\"tool\":{\"slug\":\"precision-metronome-studio\",\"category\":\"media\",\"title\":\"Precision Metronome Studio\",\"description\":\"Master your timing with Precision Metronome Studio Online. This free browser-based rhythm tool offers customizable BPM, polyrhythms, and session history for musicians.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Precision Metronome Studio Online\",\"browser-based metronome\",\"practice rhythm with metronome\",\"online tempo training tool\",\"free rhythm metronome\",\"web audio metronome\",\"tempo training software\"]}}]]}]]}],[\"$\",\"section\",\"network\",{\"id\":\"cat-network\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/network\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-network w-4.5 h-4.5 text-indigo-500\",\"children\":[[\"$\",\"rect\",\"4q2zg0\",{\"x\":\"16\",\"y\":\"16\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"rect\",\"8cvhb9\",{\"x\":\"2\",\"y\":\"16\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"rect\",\"1egb70\",{\"x\":\"9\",\"y\":\"2\",\"width\":\"6\",\"height\":\"6\",\"rx\":\"1\"}],[\"$\",\"path\",\"1jsf9p\",{\"d\":\"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\"}],[\"$\",\"path\",\"2874zd\",{\"d\":\"M12 12V8\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Network Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[28,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/network\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Calculate subnets, analyze IP addresses, inspect DNS records, and format MACs.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"accept-language-header-parser\",{\"tool\":{\"slug\":\"accept-language-header-parser\",\"category\":\"network\",\"title\":\"Accept-Language Header Parser\",\"description\":\"Use our Accept Language Header Parser Online to instantly decode HTTP headers, visualize quality q-values, validate BCP 47 tags, and generate NGINX configuration maps.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Accept Language Header Parser Online\",\"parse Accept-Language header\",\"HTTP header qual
22ity values\",\"BCP 47 language validation\",\"NGINX language mapping tool\",\"Accept-Language parser\"]}}],[\"$\",\"$La\",\"authorization-header-parser\",{\"tool\":{\"slug\":\"authorization-header-parser\",\"category\":\"network\",\"title\":\"Authorization Header Parser\",\"description\":\"Use our Authorization Header Parser Online to decode Basic authentication, inspect JWT Bearer tokens, and analyze Digest headers locally. Ensure secure API testing.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Authorization Header Parser Online\",\"HTTP Authorization Header Decoder\",\"Bearer Token JWT Inspector\",\"Basic Auth Credential Parser\",\"Digest Auth Parameter Analyzer\",\"API Header Debugging\",\"HTTP Security Headers\"]}}],[\"$\",\"$La\",\"content-type-header-parser\",{\"tool\":{\"slug\":\"content-type-header-parser\",\"category\":\"network\",\"title\":\"Content-Type Header Parser\",\"description\":\"Use our Content-Type Header Parser to accurately dissect HTTP headers. Extract MIME categories, charsets, and multipart boundary parameters for your network requests.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Content Type Header Parser\",\"Content Type Header Parser Online\",\"MIME type extraction\",\"HTTP header analysis\",\"charset detection\",\"multipart boundary parsing\",\"network request debugging\"]}}],[\"$\",\"$La\",\"cookie-string-parser\",{\"tool\":{\"slug\":\"cookie-string-parser\",\"category\":\"network\",\"title\":\"Cookie String Parser\",\"description\":\"Use our Cookie String Parser Online to decode Set-Cookie headers, verify security flags like HttpOnly and Secure, and generate cURL test commands instantly.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Cookie String Parser Online\",\"cookie header decoder\",\"set-cookie string parser\",\"cookie security auditor\",\"parse cookie string\",\"network header analyzer\",\"web cookie security\"]}}],[\"$\",\"$La\",\"dns-lookup\",{\"tool\":{\"slug\":\"dns-lookup\",\"category\":\"network\",\"title\":\"DNS Lookup Tool\",\"description\":\"Perform a fast DNS lookup to troubleshoot records. Use our dns record checker to verify A, AAAA, CNAME, MX, TXT, NS, and SOA configurations in real-time.\",\"icon\":\"Server\",\"priority\":999,\"keywords\":[\"dns lookup\",\"dns record checker\",\"a record lookup\",\"cname checker\",\"mx lookup\",\"check dns records\",\"dns propagation\",\"network diagnostic tool\"]}}],[\"$\",\"$La\",\"dns-record-generator\",{\"tool\":{\"slug\":\"dns-record-generator\",\"category\":\"network\",\"title\":\"DNS Record Generator\",\"description\":\"Use our DNS record generator to create BIND zone files. Configure A, AAAA, MX, and TXT records quickly with this precise, local-only zone file generator.\",\"icon\":\"FileText\",\"priority\":999,\"keywords\":[\"dns record generator\",\"BIND zone file\",\"zone file generator\",\"create dns records\",\"DNS configuration\",\"BIND records\",\"zone file\",\"DNS settings\"]}}]]}]]}],[\"$\",\"section\",\"random\",{\"id\":\"cat-random\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/random\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shuffle w-4.5 h-4.5 text-pink-500\",\"children\":[[\"$\",\"path\",\"1wmou1\",{\"d\":\"M2 18h1.4c1.3 0 2.5-.6 3.3-1.7l6.1-8.6c.7-1.1 2-1.7 3.3-1.7H22\"}],[\"$\",\"path\",\"pucp1d\",{\"d\":\"m18 2 4 4-4 4\"}],[\"$\",\"path\",\"10bdb2\",{\"d\":\"M2 6h1.9c1.5 0 2.9.9 3.6 2.2\"}],[\"$\",\"path\",\"vgxac0\",{\"d\":\"M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8\"}],[\"$\",\"path\",\"10pe0f\",{\"d\":\"m18 14 4 4-4 4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Random Generators\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[34,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/random\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Generate random numbers, list shufflers, string picks, and secure decisions.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"activity-generator\",{\"tool\":{\"slug\":\"activity-generator\",\"category\":\"random\",\"title\":\"Random Activity Generator\",\"description\":\"Need inspiration? Use this random activity generator to find fun team building activities, date night ideas, or solo projects based on your budget and setting.\",\"icon\":\"PartyPopper\",\"priority\":999,\"keywords\":[\"random activity generator\",\"activity ideas\",\"event planning tool\",\"team building activities\",\"fun activities generator\",\"date night generator\"]}}],[\"$\",\"$La\",\"animal-generator\",{\"tool\":{\"slug\":\"animal-generator\",\"category\":\"random\",\"title\":\"Random Animal Generator\",\"description\":\"Use this random animal generator to discover wildlife facts, habitat information, and official conservation status. Perfect for research and educational purposes.\",\"icon\":\"PawPrint\",\"priority\":999,\"keywords\":[\"random animal generator\",\"animal facts\",\"wildlife generator\",\"conservation status\",\"animal species database\",\"endangered species\",\"animal habitat info\"]}}],[\"$\",\"$La\",\"api-mock-generator\",{\"tool\":{\"slug\":\"api-mock-generator\",\"category\":\"random\",\"title\":\"Random API Mock Generator\",\"description\":\"Need reliable test data? Use our Random API Mock Generator to create custom JSON, CSV, and SQL schemas for your development and QA testing pipelines instantly.\",\"icon\":\"Server\",\"priority\":999,\"keywords\":[\"mock data generator\",\"api test data\",\"json generator\",\"csv generator\",\"fake data\",\"schema data generator\",\"synthetic data tools\",\"api mock schema\"]}}],[\"$\",\"$La\",\"bible-verse-generator\",{\"tool\":{\"slug\":\"bible-verse-generator\",\"category\":\"random\",\"title\":\"Random Bible Verse Generator\",\"description\":\"Access a random bible verse instantly. Use our scripture generator to find daily devotionals filtered by mood, theme, and multiple translation options like KJV.\",\"icon\":\"Book\",\"priority\":999,\"keywords\":[\"random bible verse\",\"scripture generator\",\"bible verse of the day\",\"KJV scripture\",\"daily devotion\",\"mood-based scripture\",\"biblical context\",\"spiritual reflection\"]}}],[\"$\",\"$La\",\"birthday-generator\",{\"tool\":{\"slug\":\"birthday-generator\",\"category\":\"random\",\"title\":\"Random Birthday Generator\",\"description\":\"Need a realistic date for character creation? Use our random birthday generator to find zodiac signs, Chinese zodiac animals, and numerology life path numbers.\",\"icon\":\"Calendar\",\"priority\":999,\"keywords\":[\"random birthday generator\",\"zodiac sign generator\",\"birthday picker\",\"numerology calculator\",\"character creation\",\"astrology birthday\"]}}],[\"$\",\"$La\",\"bracket-generator\",{\"tool\":{\"slug\":\"bracket-generator\",\"category\":\"random\",\"title\":\"Random Tournament Bracket Generator\",\"description\":\"Use this tournament bracket generator to create fair competition trees. Features automatic random seeding, BYE padding, and interactive match bracket tracking.\",\"icon\":\"Trophy\",\"priority\":999,\"keywords\":[\"tournament bracket\",\"bracket generator\",\"random seeding\",\"match bracket\",\"competition tree\",\"tournament tree\"]}}]]}]]}],[\"$\",\"section\",\"social\",{\"id\":\"cat-social\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/social\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-share2 w-4.5 h-4.5 text-sky-400\",\"children\":[[\"$\",\"circle\",\"gq8acd\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"$\",\"circle\",\"w7nqdw\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"$\",\"circle\",\"1xt0gg\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"$\",\"line\",\"47mynk\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"$\",\"line\",\"1n3mei\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Social Media Helpers\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[2,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/social\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Optimize text, count characters, and format posts for social media platforms.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"twitter-thread-generator\",{\"tool\":{\"slug\":\"twitter-thread-generator\",\"category\":\"social\",\"title\":\"Twitter Thread Generator\",\"description\":\"Use our Twitter Thread Generator Online to split long text into perfectly formatted threads. Features hook generation, character counting, and local-browser privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Twitter Thread Generator Online\",\"Twitter Thread Generator\",\"Twitter Thread Generator Converter\",\"Social Media Thread Creator\",\"thread formatting\",\"viral content creation\"]}}],[\"$\",\"$La\",\"youtube-description-generator\",{\"tool\":{\"slug\":\"youtube-description-generator\",\"category\":\"social\",\"title\":\"YouTube Description Generator\",\"description\":\"Boost your video visibility with this free YouTube description generator. Create SEO-friendly descriptions, custom timestamps, and keyword-rich tags in seconds.\",\"icon\":\"Video\",\"priority\":99,\"keywords\":[\"youtube description generator\",\"youtube-description-generator\",\"seo-friendly youtube descriptions\",\"youtube video description template\",\"youtube timestamp creator\",\"youtube hashtag generator\"]}}]]}]]}],[\"$\",\"section\",\"text\",{\"id\":\"cat-text\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/text\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-type w-4.5 h-4.5 text-violet-500\",\"children\":[[\"$\",\"polyline\",\"1nosan\",{\"points\":\"4 7 4 4 20 4 20 7\"}],[\"$\",\"line\",\"swin9y\",{\"x1\":\"9\",\"x2\":\"15\",\"y1\":\"20\",\"y2\":\"20\"}],[\"$\",\"line\",\"1tx1rr\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"4\",\"y2\":\"20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Text \u0026 String Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[121,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/text\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Search, replace, sort, trim, encode, decode, and transform text strings.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"acronym-generator\",{\"tool\":{\"slug\":\"acronym-generator\",\"category\":\"text\",\"title\":\"Acronym Generator\",\"description\":\"Need a name? Use our random acronym generator online to build pronounceable, brandable acronyms. Select from tech, corporate, or sci-fi themes to fit your project.\",\"icon\":\"Award\",\"priority\":999,\"keywords\":[\"random acronym generator online\",\"acronym generator tool\",\"backronym generator\",\"acronym maker\",\"brand acronym\",\"tech acronym generator\"]}}],[\"$\",\"$La\",\"acrostic-poem-generator\",{\"tool\":{\"slug\":\"acrostic-poem-generator\",\"category\":\"text\",\"title\":\"Acrostic Poem Generator\",\"description\":\"Use this Acrostic Poem Generator Online to turn any word into a unique, creative acrostic poem. Fast, simple, and perfect for personalized notes or gifts.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Acrostic Poem Generator Online\",\"Acrostic Poem Generator\",\"acrostic poem converter\",\"creative acrostic poems\",\"word-to-poem generator\",\"custom poetry\",\"instant poem creator\"]}}],[\"$\",\"$La\",\"add-line-breaks\",{\"tool\":{\"slug\":\"add-line-breaks\",\"category\":\"text\",\"title\":\"Add Line Breaks Tool\",\"description\":\"Easily Add Line Breaks Online. Use our intelligent Add Line Breaks Converter to split text by sentences, punctuation, or word count. Fast, local text formatting.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Add Line Breaks Online\",\"Add Line Breaks\",\"Add Line Breaks Converter\",\"automatic sentence splitter\",\"text formatting tool\",\"string manipulation\",\"punctuation splitter\",\"word count line break\"]}}],[\"$\",\"$La\",\"add-line-numbers\",{\"tool\":{\"slug\":\"add-line-numbers\",\"category\":\"text\",\"title\":\"Add Line Numbers Tool\",\"description\":\"Easily add line numbers to text online with our flexible tool. Customize start index, steps, prefixes, and suffixes. Perfect for code, logs, and manuscripts.\",\"
22icon\":\"ListOrdered\",\"priority\":999,\"keywords\":[\"add line numbers to text online\",\"line numbering tool\",\"number lines in text\",\"add line numbers to code\",\"line number generator\",\"text formatting utilities\"]}}],[\"$\",\"$La\",\"alliteration-builder\",{\"tool\":{\"slug\":\"alliteration-builder\",\"category\":\"text\",\"title\":\"Alliteration Builder\",\"description\":\"Use our random alliteration generator online to create complex sound patterns. Perfect as a tongue twister generator or a creative writing tool for your poetry.\",\"icon\":\"Pencil\",\"priority\":999,\"keywords\":[\"random alliteration generator online\",\"alliteration builder\",\"tongue twister generator\",\"sound pattern tool\",\"creative writing tool\",\"poetry generator\"]}}],[\"$\",\"$La\",\"alternating-case-converter\",{\"tool\":{\"slug\":\"alternating-case-converter\",\"category\":\"text\",\"title\":\"Alternating Case Converter\",\"description\":\"Use this Alternating Case Converter Online to convert plain text into meme-style alternating or random casing. Fast, local processing for all your formatting needs.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Alternating Case Converter Online\",\"Alternating Case Converter\",\"random case generator\",\"meme text maker\",\"string casing tool\",\"text transformation\",\"alternating caps\",\"sponge text\"]}}]]}]]}],[\"$\",\"section\",\"detector\",{\"id\":\"cat-detector\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/detector\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-scan-eye w-4.5 h-4.5 text-rose-500\",\"children\":[[\"$\",\"path\",\"aa7l1z\",{\"d\":\"M3 7V5a2 2 0 0 1 2-2h2\"}],[\"$\",\"path\",\"4qcy5o\",{\"d\":\"M17 3h2a2 2 0 0 1 2 2v2\"}],[\"$\",\"path\",\"6vwrx8\",{\"d\":\"M21 17v2a2 2 0 0 1-2 2h-2\"}],[\"$\",\"path\",\"ioqczr\",{\"d\":\"M7 21H5a2 2 0 0 1-2-2v-2\"}],[\"$\",\"circle\",\"41hilf\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"path\",\"nhuolu\",{\"d\":\"M5 12s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Validators \u0026 Parsers\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[17,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/detector\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Identify file types, validate markup syntax, and parse structured data inputs.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"alliteration-detector\",{\"tool\":{\"slug\":\"alliteration-detector\",\"category\":\"detector\",\"title\":\"Alliteration Detector\",\"description\":\"Use this Alliteration Detector Online to find repetitive consonant patterns in your writing. Analyze text, check for excessive alliteration, and improve your style.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Alliteration Detector Online\",\"Alliteration Detector\",\"analyze consonant alliteration\",\"detect repetitive sounds in writing\",\"check for excessive alliteration\",\"consonant repetition\",\"linguistic analysis\",\"writing style tool\"]}}],[\"$\",\"$La\",\"base64-detector\",{\"tool\":{\"slug\":\"base64-detector\",\"category\":\"detector\",\"title\":\"Base64 Detector\",\"description\":\"Use our Base64 detector to validate encoded strings, check for URL-safe variants, and decode content. Instantly identify Base64 and verify data integrity locally.\",\"
22icon\":\"ScanEye\",\"priority\":999,\"keywords\":[\"base64 detector\",\"validate base64 string\",\"base64 validator\",\"detect base64 encoding\",\"identify base64url data\",\"decode base64\",\"base64 padding check\"]}}],[\"$\",\"$La\",\"bcrypt-format-detector\",{\"tool\":{\"slug\":\"bcrypt-format-detector\",\"category\":\"detector\",\"title\":\"Bcrypt Format Detector\",\"description\":\"Identify bcrypt versions, cost factors, and salts instantly. Use this bcrypt format detector to parse password hashes from database dumps and verify security parameters.\",\"icon\":\"ScanEye\",\"priority\":999,\"keywords\":[\"bcrypt format detector\",\"password hash analyzer\",\"parse bcrypt hash\",\"identify bcrypt versions\",\"analyze bcrypt salt and cost\",\"blowfish hashing\",\"password security audit\"]}}],[\"$\",\"$La\",\"certificate-encoding-detector\",{\"tool\":{\"slug\":\"certificate-encoding-detector\",\"category\":\"detector\",\"title\":\"Certificate Encoding Detector\",\"description\":\"Identify your certificate format instantly. Use this certificate encoding detector to verify PEM, DER, PKCS#7, PKCS#12, and JWK files with magic header analysis.\",\"icon\":\"ScanEye\",\"priority\":999,\"keywords\":[\"certificate encoding detector\",\"pki detector\",\"certificate format\",\"PEM certificate\",\"DER binary\",\"JWK\",\"PKCS12\",\"entropy analysis\"]}}],[\"$\",\"$La\",\"compression-detector\",{\"tool\":{\"slug\":\"compression-detector\",\"category\":\"detector\",\"title\":\"Compression Detector\",\"description\":\"Instantly identify file compression formats using our compression detector. Analyze magic bytes and entropy to verify GZIP, ZIP, RAR, 7Z, and TAR archives today.\",\"icon\":\"ScanEye\",\"priority\":999,\"keywords\":[\"compression detector\",\"identify file compression format\",\"compression identifier\",\"archive type detector\",\"detect gzip zip rar\",\"magic bytes analysis\",\"file entropy calculator\"]}}],[\"$\",\"$La\",\"encoding-detector\",{\"tool\":{\"slug\":\"encoding-detector\",\"category\":\"detector\",\"title\":\"Encoding Detector\",\"description\":\"Identify unknown string formats with this encoding detector. Analyze Shannon entropy, character composition, and confidence levels to detect encoding online accurately.\",\"icon\":\"ScanEye\",\"priority\":999,\"keywords\":[\"encoding detector\",\"identify encoding format\",\"detect encoding online\",\"entropy analysis of strings\",\"encoding identifier\",\"Base64\",\"Hexadecimal\",\"UTF-8\"]}}]]}]]}],[\"$\",\"section\",\"web\",{\"id\":\"cat-web\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/web\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-globe w-4.5 h-4.5 text-sky-500\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Web Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dar
22k:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[61,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/web\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Inspect HTTP headers, extract links, validate cookies, and clean URLs.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"aspect-ratio-calculator\",{\"tool\":{\"slug\":\"aspect-ratio-calculator\",\"category\":\"web\",\"title\":\"Aspect Ratio Calculator\",\"description\":\"Use our aspect ratio calculator to find missing dimensions, compare video formats, and generate CSS properties. Perfect for image and video aspect ratio scaling.\",\"icon\":\"AspectRatio\",\"priority\":999,\"keywords\":[\"aspect ratio calculator\",\"calculate aspect ratio\",\"16:9 aspect ratio calculator\",\"image aspect ratio\",\"video aspect ratio\",\"screen aspect ratio\",\"proportion scaler\",\"CSS aspect ratio property\"]}}],[\"$\",\"$La\",\"border-radius\",{\"tool\":{\"slug\":\"border-radius\",\"category\":\"web\",\"title\":\"Border Radius Tool\",\"description\":\"Create custom CSS shapes with our Border Radius Generator. Control individual corner radii and get instant CSS code for your web projects. Perfect for UI design.\",\"icon\":\"Square\",\"priority\":999,\"keywords\":[\"border radius generator\",\"css rounded corners\",\"border-radius code\",\"css shapes generator\",\"web design tools\",\"css border radius\",\"frontend development\",\"ui design\"]}}],[\"$\",\"$La\",\"box-model\",{\"tool\":{\"slug\":\"box-model\",\"category\":\"web\",\"title\":\"Box Model Tool\",\"description\":\"Master your web layouts with our Box Model Tool. Visualize CSS margin, border, and padding in real-time, and compare content-box vs border-box sizing settings.\",\"icon\":\"Box\",\"priority\":999,\"keywords\":[\"css box model\",\"css margin border padding\",\"box-sizing simulator\",\"web layout debugging\",\"css layout tool\",\"border-box vs content-box\",\"box model visualizer\"]}}],[\"$\",\"$La\",\"box-shadow\",{\"tool\":{\"slug\":\"box-shadow\",\"category\":\"web\",\"title\":\"Box Shadow Tool\",\"description\":\"Use this box shadow generator to create custom CSS shadow effects. Easily control offset, blur, and spread to add professional CSS depth effects to your UI.\",\"icon\":\"Shadow\",\"priority\":999,\"keywords\":[\"box shadow generator\",\"css shadow effects\",\"drop shadow generator\",\"css depth effects\",\"web design tools\",\"css box shadow\",\"ui design\",\"frontend development\"]}}],[\"$\",\"$La\",\"button-generator\",{\"tool\":{\"slug\":\"button-generator\",\"category\":\"web\",\"title\":\"Button Generator\",\"description\":\"Design custom HTML buttons with our CSS button styles generator. Get instant code for hover states and call to action buttons for your web projects today.\",\"icon\":\"Code\",\"priority\":999,\"keywords\":[\"html button generator\",\"css button styles\",\"button code generator\",\"custom call to action generator\",\"web button design\",\"responsive button creator\",\"css hover effects\",\"custom html buttons\"]}}],[\"$\",\"$La\",\"clamp-calculator\",{\"tool\":{\"slug\":\"clamp-calculator\",\"category\":\"web\",\"title\":\"Clamp Calculator\",\"description\":\"Use our CSS clamp calculator to generate fluid typography with ease. Calculate responsive css values for viewport units and maintain perfect scaling across devices.\",\"icon\":\"Ruler\",\"priority\":999,\"keywords\":[\"css clamp calculator\",\"fluid typography\",\"responsive css\",\"viewport units\",\"fluid scaling\",\"css responsive font size\",\"clamp function\",\"web design tools\"]}}]]}]]}],[\"$\",\"section\",\"astrology\",{\"id\":\"cat-astrology\",\"className\":\"flex flex-col gap-5 scroll-mt-20 group/sec\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2.5 pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/astrology\",\"prefetch\":false,\"className\":\"flex items-center gap-2 min-w-0 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-9 h-9 rounded-xl bg-gradient-to-br from-brand/15 to-indigo-500/5 border border-brand/20 flex items-center justify-center shadow-sm shadow-brand/5 shrink-0 group-hover:scale-105 transition-transform duration-200\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles w-4.5 h-4.5 text-amber-500\",\"children\":[[\"$\",\"path\",\"17u4zn\",{\"d\":\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"}],[\"$\",\"path\",\"bklmnn\",{\"d\":\"M5 3v4\"}],[\"$\",\"path\",\"iiml17\",{\"d\":\"M19 17v4\"}],[\"$\",\"path\",\"nem4j1\",{\"d\":\"M3 5h4\"}],[\"$\",\"path\",\"lbex7p\",{\"d\":\"M17 19h4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col xs:flex-row xs:items-center gap-1 min-w-0\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-sm xs:text-base md:text-xl font-black tracking-tight text-gradient-premium truncate group-hover:underline\",\"children\":\"Astrology Utilities\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] xs:text-[9px] font-black px-1.5 py-0.5 rounded-md bg-teal-500/10 dark:bg-teal-500/20 border border-teal-500/20 text-teal-600 dark:text-teal-400 tracking-wider uppercase shrink-0 w-fit\",\"children\":[10,\" \",\"tools\"]}]]}]]}],[\"$\",\"$L9\",null,{\"href\":\"/astrology\",\"prefetch\":false,\"className\":\"text-xs font-black text-brand hover:text-brand-hover hover:underline transition-colors flex items-center gap-1 cursor-pointer group shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View All\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3.5 h-3.5 group-hover:translate-x-0.5 transition-transform\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed pl-0.5 max-w-3xl\",\"children\":\"Premium developer utilities for astrology operations.\"}],[\"$\",\"div\",null,{\"className\":\"h-[1px] w-full bg-gradient-to-r from-brand/35 via-border to-transparent mt-1\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-5\",\"children\":[[\"$\",\"$La\",\"vedic-ascendant-lagna-calculator\",{\"tool\":{\"slug\":\"vedic-ascendant-lagna-calculator\",\"category\":\"astrology\",\"title\":\"Vedic Ascendant Lagna Calculator\",\"description\":\"Quick, local, and secure client-side utility for Vedic Ascendant Lagna Calculator operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Ascendant Lagna Calculator\",\"Vedic Ascendant Lagna Calculator Online\",\"Vedic Ascendant Lagna Calculator Converter\"]}}],[\"$\",\"$La\",\"vedic-ayanamsa-selector\",{\"tool\":{\"slug\":\"vedic-ayanamsa-selector\",\"category\":\"astrology\",\"title\":\"Vedic Ayanamsa Selector\",\"description\":\"Quick, local, and secure client-side utility for Vedic Ayanamsa Selector operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Ayanamsa Selector\",\"Vedic Ayanamsa Selector Online\",\"Vedic Ayanamsa Selector Converter\"]}}],[\"$\",\"$La\",\"vedic-birth-chart-generator\",{\"tool\":{\"slug\":\"vedic-birth-chart-generator\",\"category\":\"astrology\",\"title\":\"Vedic Birth Chart Generator\",\"description\":\"Quick, local, and secure client-side utility for Vedic Birth Chart Generator operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Birth Chart Generator\",\"Vedic Birth Chart Generator Online\",\"Vedic Birth Chart Generator Converter\"]}}],[\"$\",\"$La\",\"vedic-janma-nakshatra-insights\",{\"tool\":{\"slug\":\"vedic-janma-nakshatra-insights\",\"category\":\"astrology\",\"title\":\"Vedic Janma Nakshatra Insights\",\"description\":\"Quick, local, and secure client-side utility for Vedic Janma Nakshatra Insights operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Janma Nakshatra Insights\",\"Vedic Janma Nakshatra Insights Online\",\"Vedic Janma Nakshatra Insights Converter\"]}}],[\"$\",\"$La\",\"vedic-moon-sign-rashi-finder\",{\"tool\":{\"slug\":\"vedic-moon-sign-rashi-finder\",\"category\":\"astrology\",\"title\":\"Vedic Moon Sign Rashi Finder\",\"description\":\"Quick, local, and secure client-side utility for Vedic Moon Sign Rashi Finder operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Moon Sign Rashi Finder\",\"Vedic Moon Sign Rashi Finder Online\",\"Vedic Moon Sign Rashi Finder Converter\"]}}],[\"$\",\"$La\",\"vedic-nakshatra-finder\",{\"tool\":{\"slug\":\"vedic-nakshatra-finder\",\"category\":\"astrology\",\"title\":\"Vedic Nakshatra Finder\",\"description\":\"Quick, local, and secure client-side utility for Vedic Nakshatra Finder operations. No server uploads, total privacy.\",\"icon\":\"Wrench\",\"priority\":99,\"keywords\":[\"Vedic Nakshatra Finder\",\"Vedic Nakshatra Finder Online\",\"Vedic Nakshatra Finder Converter\"]}}]]}]]}]]}],[\"$\",\"section\",null,{\"className\":\"max-w-5xl mx-auto w-full border-t border-border/60 pt-10 mt-10 flex flex-col gap-6 md:gap-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center max-w-3xl mx-auto mb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-4xl font-extrabold text-text-primary tracking-tight mb-3\",\"children\":\"Your Ultimate Platform for Free Online Web Tools\"}],[\"$\",\"p\",null,{\"className\":\"text-text-secondary text-sm md:text-base leading-relaxed\",\"children\":\"Access 1,100+ secure, browser-based tools, calculators, and converters that execute instantly with total data privacy.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-card border border-border/60 p-5 md:p-8 rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-extrabold text-text-primary mb-2 flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-5 bg-brand rounded-full inline-block\"}],\"100% Secure \u0026 Private\"]}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"Your privacy is our priority. Every tool on this platform runs 100% client-side inside your browser tab using JavaScript. No passwords, texts, files, or sensitive information are ever sent to a remote server, keeping your data fully secure.\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-card border border-border/60 p-5 md:p-8 rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-extrabold text-text-primary mb-2 flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-1.5 h-5 bg-brand rounded-full inline-block\"}],\"Instant Offline Execution\"]}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"Experience lightning-fast results without any network latency. All calculations, formatting, and conversions execute immediately on your device. Once loaded, you can even access and use these tools without active internet connections.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"bg-sub/30 border border-border/50 p-5 md:p-8 rounded-2xl md:rounded-3xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-extrabold text-text-primary mb-4 text-center\",\"children\":\"Everything You Need in One Place\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 text-text-secondary\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"strong\",null,{\"className\":\"text-text-primary text-xs md:text-sm block mb-1\",\"children\":\"Daily Formatting\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] md:text-xs leading-normal\",\"children\":\"Beautify, edit, and adjust text, CSV lists, markup language, and document formatting instantly.\"}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"strong\",null,{\"className\":\"text-text-primary text-xs md:text-sm block mb-1\",\"children\":\"Calculations \u0026 Conversion\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] md:text-xs leading-normal\",\"children\":\"Perform complex mathematical, statistical, compound interest, tax, and currency calculations.\"}]]}],[\"$\",\"div\",\"2\",{\"children\":[[\"$\",\"strong\",null,{\"className\":\"text-text-primary text-xs md:text-sm block mb-1\",\"children\":\"Security \u0026 Cryptography\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] md:text-xs leading-normal\",\"children\":\"Generate secure passwords, secure hash codes, and verify file integrity safely.\"}]]}],[\"$\",\"div\",\"3\",{\"children\":[[\"$\",\"strong\",null,{\"className\":\"text-text-primary text-xs md:text-sm block mb-1\",\"children\":\"Map \u0026 GPS Tools\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] md:text-xs leading-normal\",\"children\":\"Convert GPS coordinates, Haversine distances, bearings, and map scale grids.\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 mt-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-black text-text-primary tracking-tight text-center\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 gap-4\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-bold text-text-primary mb-1 text-sm md:text-base\",\"children\":\"Is the platform completely free to use?\"}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"Yes! All formatters, tools, calculators, and builders are 100% free with no premium paywalls or subscription restrictions.\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-bold text-text-primary mb-1 text-sm md:text-base\",\"children\":\"Is it safe to paste personal texts, coordinates, or data?\"}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"Absolutely. Calculations occur local-first inside your browser container. No data leaves your machine.\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-bold text-text-primary mb-1 text-sm md:text-base\",\"children\":\"Do I 
22need to sign up for an account?\"}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"No account creation or registration is required. You can bookmark and use any utility instantly.\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"border border-border/60 p-4 md:p-6 rounded-xl bg-card shadow-sm hover:shadow-md transition-shadow\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-bold text-text-primary mb-1 text-sm md:text-base\",\"children\":\"Can these utilities be accessed offline?\"}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-text-secondary leading-relaxed\",\"children\":\"Yes, once cached, the vast majority of our tools will continue to run without active internet connections.\"}]]}]]}]]}]]}]]}]]}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f327d28ea3c902bf.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/3a797dd75bd7cfc7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/x-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"href\":\"/favicon-16x16.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"href\":\"/favicon-32x32.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"96x96\",\"href\":\"/favicon-96x96.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/svg+xml\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"180x180\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-title\",\"content\":\"xDevTools\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"192x192\",\"href\":\"/android-chrome-192x192.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"512x512\",\"href\":\"/android-chrome-512x512.png\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileImage\",\"content\":\"/mstile-150x150.png\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#ffffff\"}],[\"$\",\"link\",null,{\"rel\":\"mask-icon\",\"href\":\"/safari-pinned-tab.svg\",\"color\":\"#6366f1\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#6366f1\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              (function () {\\n                try {\\n                  const theme = localStorage.getItem('theme') || 'dark';\\n                  if (theme === 'dark') {\\n                    document.documentElement.classList.add('dark');\\n                  } else {\\n                    document.documentElement.classList.remove('dark');\\n                  }\\n                } catch (e) {}\\n              })();\\n            \"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              if ('serviceWorker' in navigator) {\\n                window.addEventListener('load', function() {\\n                  navigator.serviceWorker.register('/sw.js').then(function(reg) {\\n                    console.log('SW registered:', reg.scope);\\n                  }).catch(function(err) {\\n                    console.error('SW registration failed:', err);\\n                  });\\n                });\\n              }\\n            \"}}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_2215d8 __variable_cd4599 bg-background text-text-primary font-sans antialiased min-h-screen flex flex-col selection:bg-brand/30 selection:text-brand-hover\",\"children\":[[\"$\",\"$Lb\",null,{\"color\":\"var(--primary)\",\"initialPosition\":0.08,\"crawlSpeed\":200,\"height\":3,\"crawl\":true,\"showSpinner\":false,\"easing\":\"ease\",\"speed\":200,\"shadow\":\"0 0 10px var(--primary),0 0 5px var(--primary)\"}],[\"$\",\"$Lc\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$e\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L10\",null,{}],\"notFoundStyles\":[]}]}],[\"$\",\"$L11\",null,{\"position\":\"top-center\",\"richColors\":true,\"closeButton\":true,\"theme\":\"system\"}],[\"$\",\"$L12\",null,{}],[\"$\",\"footer\",null,{\"className\":\"border-t border-border bg-card/25 dark:bg-card/5 backdrop-blur-md py-8 md:py-12 mt-12 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 inset-x-0 h-[1px] bg-gradient-to-r from-transparent via-brand/20 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"max-w-6xl mx-auto px-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-6 md:gap-5 mb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-2 sm:col-span-3 lg:col-span-2 flex flex-col gap-3\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/\",\"prefetch\":false,\"className\":\"flex items-center gap-2 focus:outline-none rounded-lg py-1 cursor-pointer shrink-0 flex-nowrap min-h-[48px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-transparent dark:bg-gradient-to-br dark:from-brand/15 dark:to-indigo-500/15 border border-transparent dark:border-brand/30 p-1.5 rounded-xl shrink-0 flex items-center justify-center shadow-none dark:shadow-[0_0_12px_rgba(20,184,166,0.15)]\",\"children\":[\"$\",\"img\",null,{\"src\":\"/logo.svg\",\"className\":\"w-6 h-6 object-contain\",\"alt\":\"xDevTools Logo\"}]}],[\"$\",\"span\",null,{\"className\":\"font-brand font-black text-xl md:text-2xl tracking-tighter whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-cyan-600 dark:text-cyan-400 pr-0.5\",\"children\":\"x\"}],[\"$\",\"span\",null,{\"className\":\"text-text-primary\",\"children\":\"Dev\"}],[\"$\",\"span\",null,{\"className\":\"bg-gradient-to-r from-brand to-emerald-400 bg-clip-text text-transparent\",\"children\":\"Tools\"}]]}],[\"$\",\"span\",null,{\"className\":\"bg-brand/10 text-brand text-[10px] md:text-xs font-bold px-1.5 md:px-2 py-0.5 rounded-full border border-brand/20 whitespace-nowrap shrink-0\",\"children\":[1112,\"+ TOOLS\"]}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-secondary leading-relaxed max-w-sm\",\"children\":\"A lightning-fast, privacy-first developer workspace. Instantly format, convert, encode, and debug datasets locally. All algorithms run 100% client-side—your data never leaves your device.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2 mt-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-emerald-500/5 dark:bg-emerald-500/10 border border-emerald-500/20 text-emerald-600 dark:text-emerald-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex h-1.5 w-1.5 relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\"}],[\"$\",\"span\",null,{\"className\":\"relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-[10px] font-extrabold uppercase tracking-wider\",\"children\":\"All Systems Operational\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1 px-2.5 py-1 rounded-full bg-brand/5 dark:bg-brand/10 border border-brand/20 text-brand\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
22:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield w-3 h-3\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-[10px] font-extrabold uppercase tracking-wider\",\"children\":\"100% Client-Side\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1\",\"children\":\"Popular Utilities\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2 text-xs text-text-secondary\",\"children\":[[\"$\",\"$L9\",\"finance\",{\"href\":\"/finance\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Finance \u0026 Calculators\",\"children\":\"Finance \u0026 Calculators\"}],[\"$\",\"$L9\",\"dev\",{\"href\":\"/dev\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Developer Utilities\",\"children\":\"Developer Utilities\"}],[\"$\",\"$L9\",\"text\",{\"href\":\"/text\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Text \u0026 String Utilities\",\"children\":\"Text \u0026 String Utilities\"}],[\"$\",\"$L9\",\"math\",{\"href\":\"/math\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Math \u0026 Calculators\",\"children\":\"Math \u0026 Calculators\"}],[\"$\",\"$L9\",\"crypto\",{\"href\":\"/crypto\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Cryptography Utilities\",\"children\":\"Cryptography Utilities\"}],[\"$\",\"$L9\",\"web\",{\"href\":\"/web\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Web Utilities\",\"children\":\"Web Utilities\"}],[\"$\",\"$L9\",\"formatters\",{\"href\":\"/formatters\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Code Formatters\",\"children\":\"Code Formatters\"}],[\"$\",\"$L9\",\"image\",{\"href\":\"/image\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Image Editors\",\"children\":\"Image Editors\"}],[\"$\",\"$L9\",\"encoders\",{\"href\":\"/encoders\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Encoders \u0026 Decoders\",\"children\":\"Encoders \u0026 Decoders\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1\",\"children\":\"Developer Tools\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2 text-xs text-text-secondary\",\"children\":[[\"$\",\"$L9\",\"hash\",{\"href\":\"/hash\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Hash Generators\",\"children\":\"Hash Generators\"}],[\"$\",\"$L9\",\"docs\",{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Document Processing\",\"children\":\"Document Processing\"}],[\"$\",\"$L9\",\"random\",{\"href\":\"/random\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Random Generators\",\"children\":\"Random Generators\"}],[\"$\",\"$L9\",\"date\",{\"href\":\"/date\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Date \u0026 Time Utilities\",\"children\":\"Date \u0026 Time Utilities\"}],[\"$\",\"$L9\",\"network\",{\"href\":\"/network\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Network Utilities\",\"children\":\"Network Utilities\"}],[\"$\",\"$L9\",\"health\",{\"href\":\"/health\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Health \u0026 Fitness\",\"children\":\"Health \u0026 Fitness\"}],[\"$\",\"$L9\",\"game\",{\"href\":\"/game\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Games \u0026 Simulators\",\"children\":\"Games \u0026 Simulators\"}],[\"$\",\"$L9\",\"key-generator\",{\"href\":\"/key-generator\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Key \u0026 UUID Generators\",\"children\":\"Key \u0026 UUID Generators\"}],[\"$\",\"$L9\",\"detector\",{\"href\":\"/detector\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Validators \u0026 Parsers\",\"children\":\"Validators \u0026 Parsers\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1\",\"children\":\"More Resources\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2 text-xs text-text-secondary\",\"children\":[[\"$\",\"$L9\",\"media\",{\"href\":\"/media\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Media Utilities\",\"children\":\"Media Utilities\"}],[\"$\",\"$L9\",\"compression\",{\"href\":\"/compression\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Compression Utilities\",\"children\":\"Compression Utilities\"}],[\"$\",\"$L9\",\"checksum\",{\"href\":\"/checksum\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Checksum Utilities\",\"children\":\"Checksum Utilities\"}],[\"$\",\"$L9\",\"education\",{\"href\":\"/education\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Educational Calculators\",\"children\":\"Educational Calculators\"}],[\"$\",\"$L9\",\"gis\",{\"href\":\"/gis\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"GIS \u0026 Map Utilities\",\"children\":\"GIS \u0026 Map Utilities\"}],[\"$\",\"$L9\",\"fun\",{\"href\":\"/fun\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Fun \u0026 Generators\",\"children\":\"Fun \u0026 Generators\"}],[\"$\",\"$L9\",\"social\",{\"href\":\"/social\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Social Media Helpers\",\"children\":\"Social Media Helpers\"}],[\"$\",\"$L9\",\"astrology\",{\"href\":\"/astrology\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150 truncate\",\"title\":\"Astrology Utilities\",\"children\":\"Astrology Utilities\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-xs font-black text-text-primary uppercase tracking-[0.15em] border-b border-border/10 pb-1\",\"children\":\"Platform \u0026 Legal\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2 text-xs text-text-secondary\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/categories\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150\",\"children\":\"All Categories\"}],[\"$\",\"$L9\",null,{\"href\":\"/about\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150\",\"children\":\"About Us\"}],[\"$\",\"$L9\",null,{\"href\":\"/contact\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150\",\"children\":\"Contact\"}],[\"$\",\"$L9\",null,{\"href\":\"/privacy\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L9\",null,{\"href\":\"/terms\",\"prefetch\":false,\"className\":\"hover:text-brand hover:translate-x-0.5 transition-all duration-150\",\"children\":\"Terms of Use\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-t border-border/10 mt-8 pt-6 pb-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-2 w-full md:w-auto\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-black text-text-muted uppercase tracking-wider shrink-0\",\"children\":\"App \u0026 Extensions\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 flex-wrap\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chrome.google.com/webstore/detail/jpipigpbhhlgcapecgjkfbbcepegidlh\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Chrome Extension\",\"className\":\"flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105\",\"children\":[\"$\",\"$L13\",null,{\"src\":\"/chrome.svg\",\"width\":14,\"height\"
22:14,\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Chrome\"}]}],[\"$\",\"a\",null,{\"href\":\"https://addons.mozilla.org/en-US/firefox/addon/xdevtools-developer-utilities/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Firefox Add-on\",\"className\":\"flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105\",\"children\":[\"$\",\"$L13\",null,{\"src\":\"/firefox.svg\",\"width\":14,\"height\":14,\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Firefox\"}]}],[\"$\",\"a\",null,{\"href\":\"https://microsoftedge.microsoft.com/addons/detail/jlmdejmafnnccpoikpbigollgnjbokfi\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"title\":\"Edge Extension\",\"className\":\"flex items-center justify-center p-2 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl transition-all hover:scale-105\",\"children\":[\"$\",\"$L13\",null,{\"src\":\"/edge.svg\",\"width\":14,\"height\":14,\"className\":\"w-3.5 h-3.5 object-contain\",\"alt\":\"Edge\"}]}],[\"$\",\"$L7\",null,{\"className\":\"px-3 py-1.5 bg-sub/30 hover:bg-sub border border-border/60 hover:border-brand/40 rounded-xl hover:translate-x-0 text-text-primary hover:text-brand font-bold text-[11px] shrink-0 ml-1\",\"title\":\"Install PWA\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-2 w-full md:w-auto\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] font-black text-text-muted uppercase tracking-wider shrink-0\",\"children\":\"Socials\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-1.5 justify-start\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/xdevtools-official\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand\",\"title\":\"GitHub\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-github w-3.5 h-3.5\",\"children\":[[\"$\",\"path\",\"tonef\",{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}]}],[\"$\",\"a\",null,{\"href\":\"https://x.com/xdevtoolshub\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand\",\"title\":\"Twitter / X\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-twitter w-3.5 h-3.5\",\"children\":[[\"$\",\"path\",\"pff0z6\",{\"d\":\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"}],\"$undefined\"]}]}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/xdevtools\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand\",\"title\":\"LinkedIn\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-linkedin w-3.5 h-3.5\",\"children\":[[\"$\",\"path\",\"c2jq9f\",{\"d\":\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"}
22],[\"$\",\"rect\",\"mk3on5\",{\"width\":\"4\",\"height\":\"12\",\"x\":\"2\",\"y\":\"9\"}],[\"$\",\"circle\",\"bt5ra8\",{\"cx\":\"4\",\"cy\":\"4\",\"r\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"a\",null,{\"href\":\"https://www.reddit.com/r/xDevTools\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-2 bg-sub/40 hover:bg-sub/80 border border-border hover:border-brand/40 rounded-xl transition-all hover:scale-105 text-text-muted hover:text-brand flex items-center justify-center\",\"title\":\"Reddit\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-3.5 h-3.5 fill-current\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$\",\"path\",null,{\"d\":\"M17.17,9.08a2.12,2.12,0,0,0-3.53-1.63,11.23,11.23,0,0,0-5.07-1.61L9.63,2.44,13,3.15a1.43,1.43,0,1,0,.15.68h0a1.42,1.42,0,0,0-1.42-1.42,1.45,1.45,0,0,0-.48.08L7.66,1.75a.36.36,0,0,0-.43.27L6.15,5.84a11.36,11.36,0,0,0-5.11,1.6A2.12,2.12,0,0,0,2.83,11,2,2,0,0,0,2.7,11.8c0,3.19,3.87,5.77,8.64,5.77s8.64-2.58,8.64-5.77A2,2,0,0,0,19.85,11,2.12,2.12,0,0,0,17.17,9.08ZM4.62,11.45A1.21,1.21,0,1,1,5.83,12.66,1.21,1.21,0,0,1,4.62,11.45Zm8.58,3.58a5.53,5.53,0,0,1-3.64,1.15,5.55,5.55,0,0,1-3.64-1.15.35.35,0,1,1,.48-.51,4.86,4.86,0,0,0,3.16,1,4.84,4.84,0,0,0,3.16-1,.35.35,0,1,1,.48.51Zm-.87-2.37a1.21,1.21,0,1,1,1.21-1.21A1.21,1.21,0,0,1,12.33,12.66Z\"}]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-t border-border/30 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-text-muted font-bold tracking-wider uppercase text-center sm:text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"leading-relaxed\",\"children\":[\"© \",2026,\" xDevTools. All algorithms execute 100% sandboxed.\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center sm:justify-start gap-4\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Made for Developers\"}],[\"$\",\"span\",null,{\"className\":\"h-3 w-[1px] bg-border/40\"}],[\"$\",\"span\",null,{\"className\":\"font-mono text-[10px] lowercase\",\"children\":\"v1.2.0\"}]]}]]}]]}]]}],[\"$\",\"$L14\",null,{}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]\n"])</script>
22<script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"xDevTools | Free Online Web Tools Platform\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://xdevtools.com\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"xDevTools | Free Online Web Tools Platform\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side.\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"xDevTools | Free Online Web Tools Platform\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"Access 1112 secure, lightning-fast online web tools including code formatters, converters, calculators, cryptographic cryptors, and utilities. 100% client-side.\"}],[\"$\",\"meta\",\"10\",{\"name\":\"next-size-adjust\"}]]\n6:null\n"])</script>
22<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43f6eea6d17e802',t:'MTc5MDg5OTI5Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
22</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.