ToolXMint – Free Online Tools for Instagram, Images, Text, PDF & More
{“@context”:”https://schema.org”,”@graph”:[{“@type”:”WebSite”,”@id”:”ADD_YOUR_HOMEPAGE_LINK_HERE/#website”,”name”:”ToolXMint”,”url”:”ADD_YOUR_HOMEPAGE_LINK_HERE”,”description”:”Free online tools for Instagram creators, text editing, image processing and PDF management.”,”potentialAction”:{“@type”:”SearchAction”,”target”:”ADD_YOUR_TOOLS_PAGE_LINK_HERE?q={search_term_string}”,”query-input”:”required name=search_term_string”}},{“@type”:”Organization”,”@id”:”ADD_YOUR_HOMEPAGE_LINK_HERE/#organization”,”name”:”ToolXMint”,”url”:”ADD_YOUR_HOMEPAGE_LINK_HERE”},{“@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”Are ToolXMint tools completely free?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Yes, all 50+ tools on ToolXMint are 100% free with no hidden fees or paywalls.”}},{“@type”:”Question”,”name”:”Do I need to create an account to use ToolXMint?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”No account is required. All tools work instantly in your browser with zero signup.”}}]}]}
/* ══════════════════════════════════════
RESET & TOKENS
══════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–bg: #fafaf9;
–white: #ffffff;
–ink: #0a0a0f;
–ink2: #13131f;
–muted: #6b7280;
–soft: #9ca3af;
–border: #e5e7eb;
–border2: #f3f4f6;
–violet: #7c3aed;
–v2: #8b5cf6;
–pink: #ec4899;
–sky: #0ea5e9;
–mint: #10b981;
–amber: #f59e0b;
–red: #ef4444;
–orange: #f97316;
–grad: linear-gradient(135deg,#7c3aed,#ec4899);
–r: 12px;
–r-lg: 20px;
–sh: 0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.05);
–sh-md: 0 8px 32px rgba(0,0,0,.1);
–sh-lg: 0 20px 60px rgba(0,0,0,.14);
}
html { scroll-behavior: smooth; font-size: 16px; }
body {
font-family: ‘Plus Jakarta Sans’, sans-serif;
background: var(–bg); color: var(–ink);
line-height: 1.6; -webkit-font-smoothing: antialiased;
overflow-x: hidden; width: 100%;
}
/* dot grid */
body::before {
content: ”; position: fixed; inset: 0; z-index: 0;
background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px);
background-size: 28px 28px; opacity: .38; pointer-events: none;
}
/* hero glow */
body::after {
content: ”; position: fixed; inset: 0; z-index: 0;
background: radial-gradient(ellipse 80% 45% at 50% -5%, rgba(124,58,237,.07) 0%, transparent 65%);
pointer-events: none;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
::selection { background: rgba(124,58,237,.15); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(–bg); }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(–v2); }
/* ══════════════════════════════════════
LAYOUT HELPERS
══════════════════════════════════════ */
.wrap {
width: 100%; max-width: 1200px;
margin: 0 auto;
padding-left: clamp(1rem, 5vw, 3rem);
padding-right: clamp(1rem, 5vw, 3rem);
}
.rule { border: none; border-top: 1px solid var(–border); position: relative; z-index: 1; margin: 0; }
/* ══════════════════════════════════════
NAVBAR
══════════════════════════════════════ */
#nav {
position: sticky; top: 0; z-index: 200; width: 100%;
height: 60px;
background: rgba(250,250,249,.92);
backdrop-filter: blur(20px) saturate(180%);
border-bottom: 1px solid var(–border);
display: flex; align-items: center;
padding: 0 clamp(1rem, 5vw, 3rem);
gap: 1.5rem;
transition: box-shadow .3s;
}
#nav.stuck { box-shadow: 0 2px 24px rgba(0,0,0,.07); }
.logo {
display: flex; align-items: center; gap: .5rem;
font-weight: 800; font-size: 1.1rem;
color: var(–ink); flex-shrink: 0; text-decoration: none;
}
.logo-ico {
width: 32px; height: 32px; border-radius: 9px;
background: var(–grad);
display: flex; align-items: center; justify-content: center;
font-size: .95rem;
box-shadow: 0 4px 12px rgba(124,58,237,.28);
flex-shrink: 0;
}
.logo-x { color: var(–v2); }
.nav-center {
display: flex; align-items: center; flex: 1; justify-content: center; gap: 0;
}
.nav-center a {
padding: .38rem .85rem; border-radius: 8px;
font-size: .87rem; font-weight: 500; color: var(–muted);
transition: background .15s, color .15s;
white-space: nowrap;
}
.nav-center a:hover, .nav-center a.act { color: var(–ink); background: rgba(0,0,0,.05); }
.nav-right { display: flex; align-items: center; gap: .55rem; flex-shrink: 0; }
.nav-search-btn {
width: 34px; height: 34px; border-radius: 8px;
border: 1px solid var(–border); background: var(–white);
display: flex; align-items: center; justify-content: center;
cursor: pointer; color: var(–muted);
transition: border-color .2s, color .2s;
}
.nav-search-btn:hover { border-color: var(–violet); color: var(–violet); }
.btn-ghost {
padding: .38rem .9rem; border: 1px solid var(–border); border-radius: 8px;
background: var(–white);
font-family: ‘Plus Jakarta Sans’, sans-serif;
font-size: .83rem; font-weight: 500; color: var(–ink); cursor: pointer;
transition: border-color .2s; white-space: nowrap;
}
.btn-ghost:hover { border-color: var(–violet); }
.btn-dark {
display: inline-flex; align-items: center; gap: .28rem;
padding: .38rem 1rem;
background: var(–ink); color: #fff; border: none; border-radius: 8px;
font-family: ‘Plus Jakarta Sans’, sans-serif;
font-size: .83rem; font-weight: 600; cursor: pointer;
transition: opacity .2s; white-space: nowrap; text-decoration: none;
}
.btn-dark:hover { opacity: .82; }
.hamburger {
display: none; flex-direction: column; gap: 4.5px;
background: none; border: none; cursor: pointer; padding: .3rem; flex-shrink: 0;
}
.hamburger span {
display: block; width: 20px; height: 2px;
background: var(–ink); border-radius: 2px; transition: .3s;
}
/* ══════════════════════════════════════
HERO
══════════════════════════════════════ */
.hero {
position: relative; z-index: 1; width: 100%;
padding: clamp(60px, 9vw, 110px) clamp(1rem, 5vw, 3rem) clamp(48px, 7vw, 80px);
text-align: center;
}
.hero-inner { max-width: 780px; margin: 0 auto; }
.hero-pill {
display: inline-flex; align-items: center; gap: .48rem;
padding: .3rem 1rem;
background: var(–white); border: 1px solid var(–border); border-radius: 100px;
font-size: .78rem; font-weight: 600; color: var(–muted);
margin-bottom: 1.8rem; box-shadow: var(–sh);
animation: fu .5s ease both;
}
.dot-live { width: 7px; height: 7px; border-radius: 50%; background: var(–mint); box-shadow: 0 0 0 2px rgba(16,185,129,.22); }
h1 {
font-size: clamp(2.5rem, 6.5vw, 5rem);
font-weight: 800; letter-spacing: -.045em; line-height: 1.05;
color: var(–ink); margin-bottom: .4rem;
animation: fu .55s .07s ease both;
}
.h1-l2 { display: block; animation: fu .55s .14s ease both; }
.grad-txt {
background: var(–grad);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-p {
font-size: clamp(.93rem, 1.8vw, 1.1rem); color: var(–muted); font-weight: 400;
max-width: 540px; margin: 1.3rem auto 2.2rem; line-height: 1.72;
animation: fu .55s .21s ease both;
}
/* Search */
.s-wrap {
display: flex; align-items: center;
max-width: 600px; margin: 0 auto 1.4rem;
background: var(–white); border: 1.5px solid var(–border);
border-radius: 14px; overflow: hidden;
box-shadow: 0 8px 32px rgba(0,0,0,.09);
transition: border-color .2s, box-shadow .2s;
animation: fu .55s .28s ease both;
}
.s-wrap:focus-within { border-color: var(–violet); box-shadow: 0 0 0 4px rgba(124,58,237,.09), 0 8px 32px rgba(0,0,0,.09); }
.s-wrap svg { margin-left: 1rem; color: var(–soft); flex-shrink: 0; }
.s-wrap input {
flex: 1; padding: .9rem .85rem;
border: none; outline: none; background: transparent;
font-family: ‘Plus Jakarta Sans’, sans-serif; font-size: .95rem; color: var(–ink);
min-width: 0;
}
.s-wrap input::placeholder { color: var(–soft); }
.s-btn {
margin: .38rem; padding: .55rem 1.3rem;
background: var(–ink); color: #fff; border: none; border-radius: 10px;
font-family: ‘Plus Jakarta Sans’, sans-serif; font-size: .87rem; font-weight: 600;
cursor: pointer; white-space: nowrap; transition: opacity .2s;
}
.s-btn:hover { opacity: .82; }
/* Quick chips */
.quick-row {
display: flex; align-items: center; flex-wrap: wrap;
gap: .45rem; justify-content: center;
animation: fu .55s .35s ease both;
}
.q-lbl { font-size: .79rem; color: var(–soft); font-weight: 500; }
.q-chip {
display: inline-flex; align-items: center; gap: .3rem;
padding: .28rem .72rem;
background: var(–white); border: 1px solid var(–border); border-radius: 8px;
font-size: .79rem; font-weight: 500; color: var(–ink);
box-shadow: 0 1px 3px rgba(0,0,0,.05);
transition: border-color .18s, color .18s, transform .15s; cursor: pointer;
text-decoration: none;
}
.q-chip:hover { border-color: var(–violet); color: var(–violet); transform: translateY(-1px); }
/* Trust strip */
.trust {
position: relative; z-index: 1; width: 100%;
display: flex; justify-content: center; gap: clamp(1.2rem, 4vw, 3.5rem); flex-wrap: wrap;
padding: 1.5rem clamp(1rem, 5vw, 3rem) 3rem;
animation: fu .55s .42s ease both;
}
.t-item { display: flex; flex-direction: column; align-items: center; gap: .18rem; }
.t-n { font-weight: 800; font-size: 1.45rem; color: var(–ink); letter-spacing: -.03em; }
.t-l { font-size: .72rem; color: var(–soft); font-weight: 500; text-transform: uppercase; letter-spacing: .06em; }
/* ══════════════════════════════════════
SHARED SECTION STYLES
══════════════════════════════════════ */
section { position: relative; z-index: 1; padding: 64px 0; width: 100%; }
.s-tag { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(–violet); margin-bottom: .45rem; }
.s-title { font-weight: 800; font-size: clamp(1.55rem, 2.8vw, 2.2rem); letter-spacing: -.035em; color: var(–ink); margin-bottom: .45rem; line-height: 1.15; }
.s-sub { font-size: .9rem; color: var(–muted); max-width: 480px; line-height: 1.72; }
.s-head { margin-bottom: 2.5rem; }
.s-head-row {
display: flex; align-items: flex-end; justify-content: space-between;
flex-wrap: wrap; gap: 1rem; margin-bottom: 2.5rem;
}
.view-all {
display: inline-flex; align-items: center; gap: .28rem;
padding: .4rem .9rem; border: 1px solid var(–border); border-radius: 8px;
background: var(–white); font-size: .82rem; font-weight: 600; color: var(–ink);
white-space: nowrap; transition: border-color .18s, color .18s, transform .15s;
text-decoration: none;
}
.view-all:hover { border-color: var(–violet); color: var(–violet); transform: translateX(2px); }
/* ══════════════════════════════════════
CATEGORY CARDS (6 categories)
══════════════════════════════════════ */
#categories { background: var(–white); border-top: 1px solid var(–border); border-bottom: 1px solid var(–border); }
.cat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.1rem;
}
.cat-card {
border: 1px solid var(–border); border-radius: var(–r-lg);
padding: 1.6rem 1.5rem; background: var(–bg);
position: relative; overflow: hidden;
transition: box-shadow .22s, transform .22s, border-color .22s;
cursor: pointer; text-decoration: none; display: block; color: inherit;
}
.cat-card:hover { box-shadow: var(–sh-lg); transform: translateY(-4px); border-color: transparent; }
.c-stripe { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 20px 20px 0 0; }
.ci-ig .c-stripe { background: linear-gradient(90deg,#ec4899,#f97316); }
.ci-text .c-stripe { background: linear-gradient(90deg,#7c3aed,#0ea5e9); }
.ci-image .c-stripe { background: linear-gradient(90deg,#10b981,#0ea5e9); }
.ci-pdf .c-stripe { background: linear-gradient(90deg,#f59e0b,#ef4444); }
.ci-util .c-stripe { background: linear-gradient(90deg,#0ea5e9,#8b5cf6); }
.ci-social .c-stripe { background: linear-gradient(90deg,#ec4899,#8b5cf6); }
.c-head { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; }
.c-ico { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; flex-shrink: 0; }
.ci-ig .c-ico { background: #fff0f6; }
.ci-text .c-ico { background: #f5f3ff; }
.ci-image .c-ico { background: #ecfdf5; }
.ci-pdf .c-ico { background: #fffbeb; }
.ci-util .c-ico { background: #eff6ff; }
.ci-social .c-ico { background: #fdf2f8; }
.c-badge { font-size: .63rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .08rem; }
.ci-ig .c-badge { color: var(–pink); }
.ci-text .c-badge { color: var(–violet); }
.ci-image .c-badge { color: var(–mint); }
.ci-pdf .c-badge { color: var(–amber); }
.ci-util .c-badge { color: var(–sky); }
.ci-social .c-badge { color: var(–pink); }
.c-name { font-weight: 700; font-size: 1rem; color: var(–ink); }
.c-desc { font-size: .82rem; color: var(–muted); line-height: 1.55; margin-bottom: 1rem; }
.t-list { list-style: none; }
.t-list li {
display: flex; align-items: center; justify-content: space-between;
padding: .42rem 0; border-bottom: 1px solid var(–border2);
font-size: .84rem; color: #444; cursor: pointer; transition: color .15s;
}
.t-list li:last-child { border: none; padding-bottom: 0; }
.t-list li:hover { color: var(–violet); }
.t-list li span { font-size: .7rem; color: var(–soft); }
.c-cta {
display: inline-flex; align-items: center; gap: .28rem;
margin-top: 1.1rem; font-size: .82rem; font-weight: 700; color: var(–violet);
}
.arr { transition: transform .2s; display: inline-block; }
.cat-card:hover .arr { transform: translateX(4px); }
/* ══════════════════════════════════════
POPULAR TOOLS (6 cards)
══════════════════════════════════════ */
.tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.tc {
background: var(–white); border: 1px solid var(–border); border-radius: var(–r);
padding: 1.3rem; display: flex; flex-direction: column;
transition: box-shadow .2s, transform .2s, border-color .2s;
text-decoration: none; color: inherit;
}
.tc:hover { box-shadow: var(–sh-md); transform: translateY(-3px); border-color: #ddd6fe; }
.tc.feat { border-color: #ddd6fe; background: #faf5ff; }
.tc-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .85rem; }
.tc-ico { width: 40px; height: 40px; border-radius: 10px; background: #f5f3ff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }
.badge { font-size: .62rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; padding: .17rem .5rem; border-radius: 6px; }
.b-h { background: #fef2f2; color: var(–red); }
.b-t { background: #fffbeb; color: var(–amber); }
.b-n { background: #ecfdf5; color: var(–mint); }
.b-p { background: #f5f3ff; color: var(–violet); }
.tc-name { font-weight: 700; font-size: .93rem; color: var(–ink); margin-bottom: .28rem; }
.tc-desc { font-size: .81rem; color: var(–muted); line-height: 1.55; flex: 1; }
.tc-foot {
display: flex; align-items: center; justify-content: space-between;
margin-top: .9rem; padding-top: .7rem; border-top: 1px solid var(–border2);
}
.tc-cat { font-size: .68rem; font-weight: 600; color: var(–soft); }
.tc-link { font-size: .78rem; font-weight: 700; color: var(–violet); display: flex; align-items: center; gap: .2rem; }
.tc:hover .arr { transform: translateX(3px); }
/* ══════════════════════════════════════
NEW TOOLS MARQUEE
══════════════════════════════════════ */
.marquee-section {
background: var(–ink2);
overflow: hidden; padding: 14px 0;
position: relative; z-index: 1;
border-top: 1px solid rgba(255,255,255,.06);
border-bottom: 1px solid rgba(255,255,255,.06);
}
.marquee-track {
display: flex; gap: 2.5rem;
animation: marquee 30s linear infinite;
width: max-content;
}
.marquee-track:hover { animation-play-state: paused; }
.marquee-item {
display: flex; align-items: center; gap: .55rem;
white-space: nowrap; font-size: .83rem; font-weight: 600;
color: rgba(255,255,255,.55);
}
.marquee-item .dot { width: 5px; height: 5px; border-radius: 50%; background: var(–v2); }
.marquee-item .new-tag {
font-size: .62rem; padding: .12rem .45rem; border-radius: 5px;
background: rgba(124,58,237,.3); color: #a78bfa; font-weight: 700; letter-spacing: .08em;
}
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* ══════════════════════════════════════
CTA DARK BANNER
══════════════════════════════════════ */
.cta-outer { position: relative; z-index: 1; padding: 0 clamp(1rem, 5vw, 3rem) 64px; width: 100%; }
.cta-dark {
border-radius: 22px; overflow: hidden;
background: var(–ink2);
padding: clamp(52px, 7vw, 84px) clamp(1.5rem, 6vw, 6rem);
text-align: center; position: relative;
width: 100%;
}
.cta-dark::before {
content: ”; position: absolute; inset: 0;
background: radial-gradient(ellipse 70% 60% at 50% 25%, rgba(124,58,237,.48) 0%, transparent 68%);
pointer-events: none;
}
.cta-dark::after {
content: ”; position: absolute; inset: 0;
background: radial-gradient(ellipse 45% 35% at 85% 85%, rgba(236,72,153,.28) 0%, transparent 55%);
pointer-events: none;
}
.cta-inner { position: relative; z-index: 1; max-width: 580px; margin: 0 auto; }
.cta-h { font-weight: 800; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.04em; color: #fff; margin-bottom: .9rem; line-height: 1.1; }
.cta-h .cg { background: linear-gradient(90deg,#a78bfa,#f472b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.cta-p { color: rgba(255,255,255,.48); font-size: .95rem; margin-bottom: 1.9rem; line-height: 1.65; }
.cta-btns { display: flex; gap: .9rem; justify-content: center; flex-wrap: wrap; }
.btn-w {
display: inline-flex; align-items: center; gap: .35rem;
padding: .75rem 1.6rem; background: #fff; color: var(–ink);
border: none; border-radius: 10px;
font-family: ‘Plus Jakarta Sans’, sans-serif; font-size: .9rem; font-weight: 700;
cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.15);
transition: opacity .2s, transform .15s; text-decoration: none;
}
.btn-w:hover { opacity: .9; transform: translateY(-2px); }
.btn-ol {
display: inline-flex; align-items: center; gap: .35rem;
padding: .75rem 1.6rem; background: transparent; color: rgba(255,255,255,.75);
border: 1px solid rgba(255,255,255,.22); border-radius: 10px;
font-family: ‘Plus Jakarta Sans’, sans-serif; font-size: .9rem; font-weight: 600;
cursor: pointer; transition: border-color .2s, color .2s; text-decoration: none;
}
.btn-ol:hover { border-color: rgba(255,255,255,.55); color: #fff; }
/* ══════════════════════════════════════
WHY SECTION
══════════════════════════════════════ */
#why { background: var(–white); border-top: 1px solid var(–border); border-bottom: 1px solid var(–border); }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.wc {
border: 1px solid var(–border2); border-radius: var(–r);
padding: 1.5rem 1.3rem; background: var(–bg);
transition: box-shadow .22s, transform .22s;
}
.wc:hover { box-shadow: var(–sh-md); transform: translateY(-3px); }
.w-ico { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-bottom: .85rem; }
.wc:nth-child(1) .w-ico { background: #f5f3ff; }
.wc:nth-child(2) .w-ico { background: #ecfdf5; }
.wc:nth-child(3) .w-ico { background: #eff6ff; }
.wc:nth-child(4) .w-ico { background: #fff7ed; }
.w-title { font-weight: 700; font-size: .93rem; color: var(–ink); margin-bottom: .3rem; }
.w-desc { font-size: .82rem; color: var(–muted); line-height: 1.6; }
/* ══════════════════════════════════════
SEO CONTENT
══════════════════════════════════════ */
.seo-box {
background: var(–white); border: 1px solid var(–border); border-radius: var(–r-lg);
padding: clamp(1.8rem, 4vw, 2.8rem);
}
.seo-box h2 { font-weight: 800; font-size: 1.3rem; letter-spacing: -.025em; color: var(–ink); margin-bottom: .8rem; }
.seo-box p { font-size: .88rem; color: var(–muted); line-height: 1.88; }
.seo-box strong { color: var(–violet); font-weight: 600; }
.kw-row { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; }
.kw { padding: .2rem .6rem; background: #f5f3ff; border: 1px solid #ede9fe; border-radius: 5px; font-size: .72rem; font-weight: 600; color: var(–violet); }
/* ══════════════════════════════════════
BLOG
══════════════════════════════════════ */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.bc {
background: var(–white); border: 1px solid var(–border); border-radius: var(–r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: box-shadow .22s, transform .22s;
text-decoration: none; color: inherit;
}
.bc:hover { box-shadow: var(–sh-md); transform: translateY(-4px); }
.b-thumb { height: 148px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }
.bc:nth-child(1) .b-thumb { background: linear-gradient(135deg,#ede9fe,#fce7f3); }
.bc:nth-child(2) .b-thumb { background: linear-gradient(135deg,#ecfdf5,#d1fae5); }
.bc:nth-child(3) .b-thumb { background: linear-gradient(135deg,#e0f2fe,#dbeafe); }
.b-body { padding: 1.2rem; flex: 1; display: flex; flex-direction: column; }
.b-cat {
font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
padding: .15rem .5rem; border-radius: 5px; display: inline-block; margin-bottom: .5rem; align-self: flex-start;
}
.bc:nth-child(1) .b-cat { background: #f3e8ff; color: #7c3aed; }
.bc:nth-child(2) .b-cat { background: #d1fae5; color: #059669; }
.bc:nth-child(3) .b-cat { background: #dbeafe; color: #2563eb; }
.b-title { font-weight: 700; font-size: .94rem; color: var(–ink); margin-bottom: .38rem; line-height: 1.4; }
.b-exc { font-size: .82rem; color: var(–muted); line-height: 1.58; flex: 1; }
.b-meta { display: flex; justify-content: space-between; margin-top: .85rem; font-size: .73rem; color: var(–soft); }
.b-link { display: inline-flex; align-items: center; gap: .2rem; margin-top: .5rem; font-size: .79rem; font-weight: 600; color: var(–violet); }
/* ══════════════════════════════════════
FAQ
══════════════════════════════════════ */
#faq { background: var(–white); border-top: 1px solid var(–border); border-bottom: 1px solid var(–border); }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.faq-item {
border: 1px solid var(–border); border-radius: var(–r); padding: 1.4rem 1.3rem;
background: var(–bg); cursor: pointer;
transition: box-shadow .2s, border-color .2s;
}
.faq-item:hover { box-shadow: var(–sh); border-color: #ddd6fe; }
.faq-q {
display: flex; justify-content: space-between; align-items: center; gap: 1rem;
font-weight: 700; font-size: .92rem; color: var(–ink);
}
.faq-icon { font-size: 1rem; transition: transform .25s; flex-shrink: 0; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a {
font-size: .85rem; color: var(–muted); line-height: 1.65;
max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease;
padding: 0;
}
.faq-item.open .faq-a { max-height: 200px; padding-top: .75rem; }
/* ══════════════════════════════════════
FOOTER
══════════════════════════════════════ */
footer { background: var(–ink2); padding: 52px clamp(1rem, 5vw, 3rem) 26px; width: 100%; }
.f-grid { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr; gap: 2.5rem; margin-bottom: 2.8rem; }
.f-brand .logo { color: #fff; }
.f-brand p { font-size: .82rem; color: rgba(255,255,255,.38); margin-top: .75rem; line-height: 1.78; max-width: 280px; }
.f-col h4 { font-weight: 700; font-size: .82rem; color: rgba(255,255,255,.85); margin-bottom: .85rem; }
.f-col a { display: block; font-size: .8rem; color: rgba(255,255,255,.38); margin-bottom: .4rem; transition: color .2s; text-decoration: none; }
.f-col a:hover { color: rgba(255,255,255,.82); }
.f-bot {
border-top: 1px solid rgba(255,255,255,.08); padding-top: 1.3rem;
display: flex; justify-content: space-between; flex-wrap: wrap; gap: .8rem;
font-size: .78rem; color: rgba(255,255,255,.25);
}
/* ══════════════════════════════════════
ANIMATIONS
══════════════════════════════════════ */
@keyframes fu { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
.reveal { opacity:0; transform:translateY(18px); transition: opacity .52s ease, transform .52s ease; }
.reveal.in { opacity:1; transform:translateY(0); }
/* ══════════════════════════════════════
RESPONSIVE — TABLET (≤900px)
══════════════════════════════════════ */
@media (max-width: 900px) {
.cat-grid { grid-template-columns: repeat(2, 1fr); }
.tools-grid { grid-template-columns: repeat(2, 1fr); }
.why-grid { grid-template-columns: repeat(2, 1fr); }
.blog-grid { grid-template-columns: repeat(2, 1fr); }
.faq-grid { grid-template-columns: 1fr; }
.f-grid { grid-template-columns: 1fr 1fr; }
.nav-center { display: none; }
.hamburger { display: flex; }
}
/* ══════════════════════════════════════
RESPONSIVE — MOBILE (≤600px)
══════════════════════════════════════ */
@media (max-width: 600px) {
h1 { font-size: 2.3rem; letter-spacing: -.035em; }
.cat-grid { grid-template-columns: 1fr; }
.tools-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr; }
.blog-grid { grid-template-columns: 1fr; }
.f-grid { grid-template-columns: 1fr 1fr; }
.cta-outer { padding: 0 0 56px; }
.cta-dark { border-radius: 0; }
.s-wrap { border-radius: 12px; }
.s-btn { padding: .5rem 1rem; font-size: .82rem; }
.trust { gap: 1rem; }
.t-n { font-size: 1.2rem; }
}
@media (max-width: 420px) {
.f-grid { grid-template-columns: 1fr; }
.nav-right .btn-ghost { display: none; }
}
/* Mobile nav open */
.nav-center.open {
display: flex !important; flex-direction: column; gap: .4rem;
position: absolute; top: 60px; left: 0; right: 0;
background: rgba(250,250,249,.97); backdrop-filter: blur(20px);
padding: 1rem clamp(1rem,5vw,3rem); border-bottom: 1px solid var(–border);
z-index: 199;
}
.nav-center.open a { width: 100%; padding: .55rem .9rem; }
⚡
ToolXMint
50+ Free Tools — No signup required
Free Online Tools for
Images, PDFs, Text & More
Everything you need in one place. Fast, free, and works on any device — no installation, no account needed.
Search
50+Free Tools
100K+Users Served
0Signup Needed
100%Always Free
⚡Instant Results
Instagram Bio Generator NEW
Compress Image Online
PDF Merger HOT
Hashtag Generator
QR Code Generator NEW
Word Counter
Stylish Text Generator
Image to PDF
Case Converter
Password Generator NEW
Instagram Bio Generator NEW
Compress Image Online
PDF Merger HOT
Hashtag Generator
QR Code Generator NEW
Word Counter
Stylish Text Generator
Image to PDF
Case Converter
Password Generator NEW
Browse by Category
All the tools creators need
Six powerful categories covering Instagram growth, writing, media editing, documents, coding utilities, and social content creation.
📸
Most PopularInstagram Tools
Craft the perfect Instagram profile with AI-powered bios, captions, and hashtag sets.
Bio GeneratorAesthetic bios
Caption GeneratorAI captions
Hashtag GeneratorBoost reach
Username GeneratorUnique names
View all Instagram tools →
✍️
ProductivityText Tools
Transform, style, and edit your text for social posts, essays, and content creation.
Stylish Text GeneratorFancy fonts
Word CounterReal-time count
Case ConverterAll formats
Text RepeaterRepeat fast
View all text tools →
🖼️
Files & MediaImage Tools
Compress, resize, convert and edit images without any software installation.
Compress ImageReduce 90%
Image to PDFJPG, PNG → PDF
Resize ImageCustom dimensions
Format ConverterJPG, PNG, WebP
View all image tools →
Merge, split, compress, and convert PDF files online — no desktop software needed.
Merge PDFCombine files
Split PDFExtract pages
Compress PDFSmaller size
PDF to WordEditable docs
View all PDF tools →
🔧
Everyday UseUtility Tools
Handy everyday tools for students, developers, and professionals to get things done fast.
QR Code GeneratorAny URL/text
Password GeneratorStrong passwords
Age CalculatorExact dates
Color PickerHEX, RGB, HSL
View all utility tools →
📱
Social MediaSocial Media Tools
Create viral content, plan posts, and grow your audience across all social platforms.
YouTube Title GeneratorViral titles
Twitter Bio GeneratorProfile bios
Post Ideas GeneratorNever stuck
Emoji PickerFind emojis fast
View all social tools →
Most Used
Popular Tools Right Now
Tools that thousands of creators and students reach for every single day.
View all tools →
Start using free toolsright now
No account needed. No installation. Just open a tool and get to work — it’s that simple.
Why ToolXMint
Built for creators. Trusted by thousands.
Every design decision is made to save your time and remove friction from your creative workflow.
⚡
Lightning Fast
All tools run instantly in your browser — no wait times, no apps, no installs. Just open and use.
🔒
Secure by Design
Your files and data stay in your browser. We never store, read, or share your inputs — ever.
📱
Works Everywhere
Fully optimized for mobile, tablet, and desktop. Use it on the go, every single time, on any device.
🎁
Free. Forever.
No paywalls, no trials, no credit cards. Every single tool on ToolXMint is — and always will be — free.
Your Go-To Hub for Free Online Tools
ToolXMint is a free platform purpose-built for Instagram creators, students, and everyday professionals who need powerful
free online tools without complexity or cost. Whether you’re crafting the perfect profile with our
Instagram bio generator, writing engaging posts with the
caption generator, or reducing file sizes with our
image tools online — everything works instantly in your browser, with zero signup and zero fees. Our
hashtag generator helps grow your reach organically, while tools like the Word Counter, Case Converter, and PDF Merger handle daily productivity in seconds. ToolXMint is built around one principle: every creator deserves professional-grade tools for free. No paywalls, no confusing interfaces — just clean, fast, reliable tools that get the job done every time.
free online tools
instagram bio generator
caption generator
image tools online
hashtag generator
word counter
compress image free
merge PDF online
QR code generator
stylish text generator
Guides & Tips
From the Blog
Creator-focused guides to help you get more from Instagram, image, and productivity tools.
All articles →
FAQ
Frequently Asked Questions
Everything you need to know about ToolXMint and our free tools.
Are all tools on ToolXMint completely free? +
Yes! Every single tool on ToolXMint is 100% free — no hidden fees, no trial periods, no premium tiers. We believe powerful tools should be accessible to everyone.
Do I need to create an account? +
No account needed at all. All 50+ tools work instantly in your browser. Just open a tool and start using it — zero signup, zero friction.
Are my files safe when using ToolXMint? +
Completely safe. All file processing (compression, conversion, merging) happens directly in your browser. Your files never leave your device and are never uploaded to our servers.
Does ToolXMint work on mobile? +
Yes! Every tool is fully responsive and optimized for mobile, tablet, and desktop. You can use ToolXMint on any device with a modern browser — Android, iPhone, iPad, or PC.
How many tools are available on ToolXMint? +
Currently ToolXMint offers 50+ tools across 6 categories: Instagram Tools, Text Tools, Image Tools, PDF Tools, Utility Tools, and Social Media Tools. New tools are added regularly.
Can I suggest a new tool to be added? +
Absolutely! We love hearing from our users. Visit our Contact page and submit your tool idea. We review all suggestions and add the most requested tools to our roadmap.
⚡
ToolXMint
Free online tools for Instagram creators, text editing, image processing, and PDF management. No login. No limits. Always free.
© 2025 ToolXMint. Made for creators, by creators.
50+ free tools · No signup · Works on all devices
/* ── Sticky nav ── */
const nav = document.getElementById(‘nav’);
window.addEventListener(‘scroll’, () => nav.classList.toggle(‘stuck’, window.scrollY > 8), { passive: true });
/* ── Hamburger ── */
const hbg = document.getElementById(‘hbg’);
const nl = document.getElementById(‘navLinks’);
hbg.addEventListener(‘click’, () => {
const open = nl.classList.toggle(‘open’);
hbg.setAttribute(‘aria-expanded’, String(open));
});
/* ── Hero search ── */
function goSearch() {
const q = document.getElementById(‘heroSearch’).value.trim();
if (q) window.location.href = ‘ADD_YOUR_TOOLS_PAGE_LINK_HERE?q=’ + encodeURIComponent(q);
}
document.getElementById(‘heroSearch’).addEventListener(‘keydown’, e => { if (e.key === ‘Enter’) goSearch(); });
/* ── Nav search btn opens hero search ── */
document.getElementById(‘navSearchBtn’).addEventListener(‘click’, () => {
window.scrollTo({ top: 0, behavior: ‘smooth’ });
setTimeout(() => document.getElementById(‘heroSearch’).focus(), 400);
});
/* ── Scroll reveal ── */
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (!e.isIntersecting) return;
const siblings = e.target.parentElement.querySelectorAll(‘.reveal:not(.in)’);
siblings.forEach((el, i) => setTimeout(() => el.classList.add(‘in’), i * 80));
io.unobserve(e.target);
});
}, { threshold: 0.08 });
document.querySelectorAll(‘.reveal’).forEach(el => io.observe(el));
/* ── FAQ toggle ── */
function toggleFaq(el) {
const isOpen = el.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item’).forEach(f => f.classList.remove(‘open’));
if (!isOpen) el.classList.add(‘open’);
}
