https://toolsbox.io/_next/static/chunks/app/page-c7fa7c30b72f54a2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{88578:function(e,t,a){Promise.resolve().then(a.bind(a,64113)),Promise.resolve().then(a.bind(a,46776)),Promise.resolve().then(a.t.bind(a,46928,23))},64113:function(e,t,a){"use strict";a.d(t,{default:function(){return p}});var r=a(72223),s=a(25507),l=a(2366),n=a(11041),o=a(48081),i=a(46776);function c(e){var t,a;let{toolsData:l,categories:c,searchQuery:d,selectedCategory:x,onClearSearch:m}=e,u=(0,s.useMemo)(()=>{let e=d.toLowerCase().trim();return l.filter(t=>{if(!e)return"all"===x||t.category===x;let a=t.name.toLowerCase().includes(e)||t.description.toLowerCase().includes(e)||t.tags.some(t=>t.toLowerCase().includes(e)),r="all"===x||t.category===x;return a&&r})},[l,d,x]),h=d?"Search Results (".concat(u.length,")"):"".concat(null!==(a=null===(t=c.find(e=>e.id===x))||void 0===t?void 0:t.name)&&void 0!==a?a:"All"," Tools (").concat(u.length,")");return(0,r.jsxs)("section",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("h2",{className:"text-xl sm:text-2xl font-bold text-slate-900 dark:text-slate-100",children:h}),d&&(0,r.jsx)(o.z,{variant:"outline",size:"sm",className:"bg-white dark:bg-slate-800 border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:border-primary dark:hover:border-primary hover:text-primary dark:hover:text-primary transition-all duration-200",onClick:m,children:"Clear Search"})]}),0===u.length?(0,r.jsxs)("div",{className:"text-center py-16",children:[(0,r.jsx)("div",{className:"w-24 h-24 mx-auto mb-4 rounded-full bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-700 flex items-center justify-center",children:(0,r.jsx)(n.Z,{className:"h-8 w-8 text-slate-400"})}),(0,r.jsx)("p",{className:"text-slate-600 dark:text-slate-400 text-lg",children:"No tools found matching your criteria."}),(0,r.jsx)("p",{className:"text-slate-500 dark:text-slate-500 text-sm mt-2",children:"Try different keywords or browse our categories"})]}):(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 items-stretch",children:u.map(e=>(0,r.jsx)(i.ToolCard,{tool:e},e.id))})]})}var d=a(92345),x=a(10602),m=a(5376),u=a(66324);function h(e){let{text:t,className:a,style:l}=e,n=(0,s.useRef)([]),o=(0,s.useCallback)(e=>{n.current.forEach(clearTimeout),n.current=[],e&&e.querySelectorAll(".nabla-letter").forEach((e,t)=>{n.current.push(setTimeout(()=>e.classList.remove("nabla-intro"),50*t+360)),n.current.push(setTimeout(()=>e.classList.remove("nabla-animate"),50*t+600))})},[]);return(0,r.jsx)("span",{ref:o,className:a,style:l,children:t.split("").map((e,a)=>{let s=t.slice(0,a).replace(/ /g,"").length;return" "===e?(0,r.jsx)("span",{children:"\xa0"},a):(0,r.jsx)("span",{className:"nabla-letter nabla-animate nabla-intro",style:{animationDelay:"".concat(.05*s,"s")},children:e},a)})})}function f(e){let{totalToolsCount:t,toolsData:a,searchInput:l,onSearchChange:i}=e,[c,f]=(0,s.useState)(null);return(0,s.useEffect)(()=>{0!==a.length&&f(a[Math.floor(Math.random()*a.length)])},[a]),(0,r.jsxs)("section",{className:"relative py-20 md:py-28 lg:py-28",children:[(0,r.jsxs)("div",{className:"relative max-w-4xl mx-auto text-center px-4",children:[(0,r.jsxs)("div",{className:"space-y-8",children:[(0,r.jsxs)("h1",{className:"text-5xl sm:text-6xl md:text-7xl lg:text-8xl font-extrabold tracking-tight leading-[1.05]",children:[(0,r.jsxs)("span",{className:"block text-stone-900 dark:text-white",children:[t,"+"]}),(0,r.jsx)(h,{text:"Free Online Tools",className:"nabla-brand block mt-2 sm:mt-3 whitespace-nowrap text-[2.5rem] sm:text-6xl md:text-7xl lg:text-8xl",style:{fontFamily:"'Nabla', cursive"}})]}),(0,r.jsx)("p",{className:"text-xl md:text-2xl lg:text-3xl font-semibold tracking-tight text-stone-900 dark:text-white","aria-label":"No sign-up, no download, no payment — just use it.",children:(0,r.jsxs)("span",{"aria-hidden":"true",children:[(0,r.jsx)("span",{className:"text-stone-400 dark:text-slate-500 font-medium line-through decoration-stone-300 dark:decoration-slate-600 decoration-2",children:"Sign up."})," ",(0,r.jsx)("span",{className:"text-stone-400 dark:text-slate-500 font-medium line-through decoration-stone-300 dark:decoration-slate-600 decoration-2",children:"Download."})," ",(0,r.jsx)("span",{className:"text-stone-400 dark:text-slate-500 font-medium line-through decoration-stone-300 dark:decoration-slate-600 decoration-2",children:"Pay."})," ","Just use it."]})}),(0,r.jsxs)("p",{className:"text-base md:text-lg text-stone-500 dark:text-slate-400 max-w-xl mx-auto",children:["Convert images. Edit PDFs. Format code. Generate colors. ",(0,r.jsx)("br",{}),"All in your browser -"," ",(0,r.jsx)("span",{className:"font-semibold text-stone-900 dark:text-white",children:"nothing leaves your device"}),"."]})]}),(0,r.jsxs)("div",{className:"max-w-xl mx-auto mt-12 space-y-4",children:[(0,r.jsxs)("div",{className:"relative group",children:[(0,r.jsx)("label",{htmlFor:"hero-search",className:"sr-only",children:"Search tools"}),(0,r.jsx)(n.Z,{"aria-hidden":"true",className:"absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-stone-400 dark:text-slate-500 z-10"}),(0,r.jsx)(d.I,{id:"hero-search",placeholder:"Search ".concat(t," tools…"),value:l,onCh

1ange:e=>i(e.target.value),className:"relative h-14 md:h-16 pl-12 pr-6 text-base md:text-lg bg-white dark:bg-slate-900 border border-stone-200 dark:border-slate-700 focus:border-cyan-500 dark:focus:border-cyan-500 rounded-2xl shadow-lg shadow-stone-200/50 dark:shadow-black/30 transition-all duration-300 font-medium"})]}),(0,r.jsx)("div",{className:"flex items-center justify-center gap-2 min-h-[2rem]",children:c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-sm text-stone-400 dark:text-slate-500",children:"or"}),(0,r.jsx)(u.default,{href:"/".concat(c.category,"/").concat(c.id),children:(0,r.jsxs)(o.z,{variant:"ghost",size:"sm",className:"text-featured hover:text-featured/80 hover:bg-featured/10",children:[(0,r.jsx)(x.Z,{className:"h-4 w-4 mr-2"}),"Try ",c.name]})})]})})]})]}),(0,r.jsx)("div",{className:"mt-8 md:mt-10 lg:mt-12 text-center",children:(0,r.jsxs)(u.default,{href:"#categories",className:"inline-flex items-center gap-1.5 text-sm md:text-base font-medium text-stone-500 dark:text-slate-400 hover:text-primary dark:hover:text-primary transition-colors",children:["Browse all ",t," tools",(0,r.jsx)(m.Z,{className:"h-4 w-4 animate-bounce"})]})})]})}function p(e){let{totalToolsCount:t,toolsData:a,categories:n,floatingIcons:o,idleSections:i}=e,[d,x]=(0,s.useState)(""),[m,u]=(0,s.useState)(""),[h,p]=(0,s.use

1State)("all"),g=(0,s.useRef)(null);(0,s.useEffect)(()=>{{let e=new URLSearchParams(window.location.search).get("q");e&&(x(e),u(e))}},[]);let v=e=>{x(e),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>u(e),400)},b=""===m&&"all"===h;return(0,r.jsx)(l.SharedLayout,{selectedCategory:h,showSearch:!!m,showSidebar:!1,searchQuery:d,onSearchChange:v,searchPlaceholder:"Search ".concat(t," tools..."),onCategorySelect:p,children:(0,r.jsxs)("div",{className:"relative",style:{overflowX:"clip"},children:[b&&o,(0,r.jsx)("div",{className:"relative z-10 max-w-6xl mx-auto p-4 sm:p-6 space-y-8",children:b?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(f,{totalToolsCount:t,toolsData:a,searchInput:d,onSearchChange:v}),i]}):(0,r.jsx)(c,{toolsData:a,categories:n,searchQuery:m,selectedCategory:h,onClearSearch:()=>{x(""),u(""),g.current&&clearTimeout(g.current)}})})]})})}},46776:function(e,t,a){"use strict";a.r(t),a.d(t,{ToolCard:function(){return m}});var r=a(72223),s=a(66324),l=a(25319),n=a(36619),o=a(77904),i=a(80220),c=a(17179),d=a(35656),x=a(6219);function m(e){let{tool:t,compact:a=!1,openInNewTab:m=!1,popular:u=!1}=e,h=(0,i.Qj)(t.id),f=(0,o.W9)(t.category);return(0,r.jsx)(s.default,{href:"/".concat(t.category,"/").concat(t.id),className:"block group",onClick:()=>{window.scrollTo(0,0)},target:m?"_blank":void 0,rel:m?"noopener noreferrer":void 0,children:(0,r.jsxs)(n.Zb,{className:(0,c.cn)("relative overflow-visible transition-all duration-300 hover:shadow-xl hover:-translate-y-1 bg-white/60 dark:bg-slate-800/60 backdrop-blur-sm border-stone-200 dark:border-slate-700/50 h-full flex flex-col hover:ring-2",u&&"ring-2 ring-featured/50 shadow-lg shadow-featured/10 hover:ring-featured hover:border-featured/50 hover:shadow-featured/10",!u&&"hover:ring-primary hover:border-primary/50 hover:shadow-primary/10"),children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),(0,r.jsxs)(n.Ol,{className:(0,c.cn)("pb-3 relative flex-1",a&&"pb-2"),children:[null!=t.visitorCount&&t.visitorCount>0?(0,r.jsx)("div",{className:"absolute -top-2 -right-2 z-10",children:(0,r.jsxs)("div",{className:"flex items-center gap-1 px-3 py-1.5 rounded-full bg-gradient-featured text-white text-xs font-medium shadow-lg",children:[(0,r.jsx)(d.Z,{className:"h-3 w-3"}),(0,r.jsxs)("span",{children:[t.visitorCount," times used"]})]})}):h.formatted?(0,r.jsx)("div",{className:"absolute top-4 right-4 z-10",children:(0,r.jsxs)("div",{className:(0,c.cn)("flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border border-transparent/10",f.bg,f.icon),children:[(0,r.jsx)(x.Z,{className:"h-3 w-3"}),(0,r.jsx)("span",{children:h.formatted})]})}):null,(0,r.jsx)("div",{className:"flex items-center gap-3",children:(()=>{let e=(0,o.W9)(t.category);return(0,r.jsx)("div",{className:(0,c.cn)("p-3 rounded-xl transition-all duration-300",a&&"p-2.5",e.bg,e.icon),children:t.icon})})()}),(0,r.jsxs)("div",{className:"space-y-2 flex-1",children:[(0,r.jsx)(n.ll,{className:(0,c.cn)("text-lg font-bold text-slate-900 dark:text-slate-100",a&&"text-base"),children:t.name}),(0,r.jsx)(n.SZ,{className:(0,c.cn)("text-slate-600 dark:text-slate-400 leading-relaxed",a&&"text-sm line-clamp-2"),children:t.shortDescription||t.description})]})]}),(0,r.jsx)(n.aY,{className:"pt-0 mt-auto",children:(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:t.tags.slice(0,3).map(e=>(0,r.jsx)(l.C,{variant:"secondary",className:"text-xs bg-stone-100/80 dark:bg-slate-700/80 hover:bg-stone-200 dark:hover:bg-slate-600 transition-colors",children:e},e))})})]})})}},36619:function(e,t,a){"use strict";a.d(t,{Ol:function(){return o},SZ:function(){return c},Zb:function(){return n},aY:function(){return d},ll:function(){return i}});var r=a(72223),s=a(25507),l=a(17179);let n=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...s})});n.displayName="Card";let o=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("flex flex-col space-y-1.5 p-6",a),...s})});

1o.displayName="CardHeader";let i=s.forwardRef((e,t)=>{let{className:a,as:s="div",...n}=e;return(0,r.jsx)(s,{ref:t,className:(0,l.cn)("text-2xl font-semibold leading-none tracking-tight",a),...n})});i.displayName="CardTitle";let c=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("text-sm text-muted-foreground",a),...s})});c.displayName="CardDescription";let d=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("p-6 pt-0",a),...s})});d.displayName="CardContent",s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)("div",{ref:t,className:(0,l.cn)("flex items-center p-6 pt-0",a),...s})}).displayName="CardFooter"},5376:function(e,t,a){"use strict";a.d(t,{Z:function(){return r}});let r=(0,a(28031).Z)("ArrowDown",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]])},10602:function(e,t,a){"use strict";a.d(t,{Z:function(){return r}});let r=(0,a(28031).Z)("Shuffle",[["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",key:"1wmou1"}],["path",{d:"m18 2 4 4-4 4",key:"pucp1d"}],["path",{d:"M2 6h1.9c1.5 0 2.9.9 3.6 2.2",key:"10bdb2"}],["path",{d:"M22 18h-5.9c-1.3 0-2.6-.7-3.3-1.8l-.5-.8",key:"vgxac0"}],["path",{d:"m18 14 4 4-4 4",key:"10pe0f"}]])},35656:function(e,t,a){"use strict";a.d(t,{Z:function(){return r}});let r=(0,a(28031).Z)("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]])}},function(e){e.O(0,[6928,6695,7762,2413,9449,8373,2973,2366,9151,6046,1744],function(){return e(e.s=88578)}),_N_E=e.O()}]);