About — ToolXMint
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–bg: #ffffff;
–bg2: #fafafa;
–bg3: #f4f4f5;
–border: #e4e4e7;
–border2: #d4d4d8;
–ink: #09090b;
–ink2: #18181b;
–ink3: #3f3f46;
–muted: #71717a;
–muted2: #a1a1aa;
–violet: #6d28d9;
–violet-lt: #7c3aed;
–violet-bg: #f5f3ff;
–violet-bd: #ddd6fe;
–fh: ‘Plus Jakarta Sans’, sans-serif;
–fb: ‘Plus Jakarta Sans’, sans-serif;
}
html { scroll-behavior: smooth; }
body {
background: var(–bg);
color: var(–ink);
font-family: var(–fb);
font-size: 15px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.wrap {
max-width: 1080px;
margin: 0 auto;
padding: 0 40px;
}
/* ── HERO ── */
.hero {
padding: 100px 0 88px;
border-bottom: 1px solid var(–border);
}
.eyebrow-tag {
display: inline-flex;
align-items: center;
gap: 7px;
border: 1px solid var(–border2);
background: var(–bg2);
color: var(–muted);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 5px 13px;
border-radius: 6px;
margin-bottom: 40px;
}
.eyebrow-tag .dot {
width: 5px; height: 5px;
border-radius: 50%;
background: var(–violet-lt);
}
.hero-headline {
font-size: clamp(3rem, 5.5vw, 4.5rem);
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.04em;
color: var(–ink);
max-width: 820px;
margin-bottom: 26px;
}
.hero-headline .grad {
background: linear-gradient(130deg, var(–violet-lt), #a855f7, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-sub {
font-size: 17px;
color: var(–muted);
font-weight: 400;
max-width: 540px;
line-height: 1.78;
margin-bottom: 60px;
}
.metrics-row {
display: flex;
align-items: stretch;
width: fit-content;
border: 1px solid var(–border);
border-radius: 12px;
overflow: hidden;
}
.metric {
padding: 22px 40px;
border-right: 1px solid var(–border);
text-align: center;
background: var(–bg);
}
.metric:last-child { border-right: none; }
.metric-val {
font-size: 1.85rem;
font-weight: 800;
letter-spacing: -0.045em;
color: var(–ink);
line-height: 1;
margin-bottom: 5px;
}
.metric-label {
font-size: 11px;
font-weight: 600;
color: var(–muted2);
text-transform: uppercase;
letter-spacing: 0.08em;
}
/* ── TWO COLUMN ── */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
border-bottom: 1px solid var(–border);
}
.col-l {
padding: 80px 60px 80px 0;
border-right: 1px solid var(–border);
}
.col-r {
padding: 80px 0 80px 60px;
}
.section-kicker {
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(–violet-lt);
margin-bottom: 16px;
}
.block-title {
font-size: clamp(1.5rem, 2.4vw, 1.95rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.18;
color: var(–ink);
margin-bottom: 20px;
}
.body-p {
font-size: 15px;
color: var(–ink3);
line-height: 1.85;
margin-bottom: 14px;
}
.body-p:last-child { margin-bottom: 0; }
.inset-quote {
margin: 28px 0;
padding: 18px 22px;
background: var(–violet-bg);
border: 1px solid var(–violet-bd);
border-radius: 10px;
font-size: 15px;
color: var(–violet);
font-style: italic;
line-height: 1.7;
font-weight: 500;
}
/* Feature list */
.feat-list {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid var(–border);
border-radius: 12px;
overflow: hidden;
}
.feat-item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 22px 22px;
border-bottom: 1px solid var(–border);
background: var(–bg);
transition: background 0.15s;
}
.feat-item:last-child { border-bottom: none; }
.feat-item:hover { background: var(–bg2); }
.feat-ico {
width: 36px; height: 36px;
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
font-size: 17px;
flex-shrink: 0;
border: 1px solid var(–border);
background: var(–bg);
}
.feat-text h4 {
font-size: 14px;
font-weight: 600;
color: var(–ink);
margin-bottom: 3px;
}
.feat-text p {
font-size: 13.5px;
color: var(–muted);
line-height: 1.6;
}
/* ── VALUES ── */
.values-section {
padding: 80px 0;
border-bottom: 1px solid var(–border);
}
.section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 44px;
flex-wrap: wrap;
gap: 16px;
}
.values-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.val-card {
border: 1px solid var(–border);
border-radius: 14px;
padding: 28px 24px;
background: var(–bg);
transition: all 0.2s ease;
position: relative;
overflow: hidden;
}
.val-card::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
opacity: 0;
transition: opacity 0.2s;
}
.val-card:hover { background: var(–bg2); box-shadow: 0 4px 20px rgba(0,0,0,0.06); transform: translateY(-2px); }
.val-card:hover::before { opacity: 1; }
.vc1::before { background: linear-gradient(90deg, var(–violet-lt), #a855f7); }
.vc2::before { background: linear-gradient(90deg, #059669, #34d399); }
.vc3::before { background: linear-gradient(90deg, #d97706, #fbbf24); }
.val-ico {
width: 40px; height: 40px;
border-radius: 9px;
border: 1px solid var(–border);
background: var(–bg2);
display: flex; align-items: center; justify-content: center;
font-size: 19px;
margin-bottom: 18px;
}
.val-title {
font-size: 15px;
font-weight: 700;
color: var(–ink);
margin-bottom: 8px;
letter-spacing: -0.01em;
}
.val-desc {
font-size: 13.5px;
color: var(–muted);
line-height: 1.72;
}
/* ── TEAM ── */
.team-section {
padding: 80px 0;
border-bottom: 1px solid var(–border);
}
.team-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
.team-card {
border: 1px solid var(–border);
border-radius: 14px;
padding: 28px 20px 24px;
text-align: center;
background: var(–bg);
transition: all 0.22s ease;
}
.team-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.08);
border-color: var(–border2);
}
.ava {
width: 56px; height: 56px;
border-radius: 14px;
border: 1px solid var(–border);
display: flex; align-items: center; justify-content: center;
font-size: 24px;
margin: 0 auto 14px;
}
.a1 { background: #f5f3ff; }
.a2 { background: #ecfdf5; }
.a3 { background: #fff1f2; }
.a4 { background: #fffbeb; }
.t-name {
font-size: 14px;
font-weight: 700;
color: var(–ink);
letter-spacing: -0.01em;
margin-bottom: 3px;
}
.t-role {
font-size: 12px;
font-weight: 500;
color: var(–violet-lt);
margin-bottom: 10px;
}
.t-bio {
font-size: 12.5px;
color: var(–muted);
line-height: 1.65;
}
/* ── TIMELINE ── */
.timeline-section {
padding: 80px 0;
border-bottom: 1px solid var(–border);
}
.timeline {
margin-top: 44px;
position: relative;
}
.tl-item {
display: grid;
grid-template-columns: 100px 1fr;
gap: 48px;
padding: 28px 0;
border-top: 1px solid var(–border);
align-items: start;
}
.tl-item:last-child { border-bottom: 1px solid var(–border); }
.tl-year {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(–muted2);
padding-top: 2px;
}
.tl-right { display: flex; flex-direction: column; gap: 6px; }
.tl-tag {
display: inline-block;
width: fit-content;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 3px 9px;
border-radius: 5px;
margin-bottom: 4px;
}
.tt1 { background: var(–violet-bg); color: var(–violet-lt); }
.tt2 { background: #ecfdf5; color: #059669; }
.tt3 { background: #fffbeb; color: #d97706; }
.tt4 { background: #fff1f2; color: #e11d48; }
.tl-title {
font-size: 15px;
font-weight: 700;
color: var(–ink);
letter-spacing: -0.01em;
margin-bottom: 5px;
}
.tl-desc {
font-size: 14px;
color: var(–muted);
line-height: 1.75;
}
/* ── CTA ── */
.cta-section { padding: 80px 0 100px; }
.cta-box {
background: var(–ink);
border-radius: 20px;
padding: 64px 56px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.cta-box::before {
content: ”;
position: absolute;
top: -120px; right: -80px;
width: 400px; height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(124,58,237,0.25), transparent 65%);
pointer-events: none;
}
.cta-box::after {
content: ”;
position: absolute;
bottom: -100px; left: 40%;
width: 300px; height: 300px;
border-radius: 50%;
background: radial-gradient(circle, rgba(168,85,247,0.15), transparent 65%);
pointer-events: none;
}
.cta-left { position: relative; z-index: 1; }
.cta-box h2 {
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 800;
letter-spacing: -0.035em;
color: #fff;
line-height: 1.18;
margin-bottom: 10px;
}
.cta-box p {
font-size: 15px;
color: rgba(255,255,255,0.45);
max-width: 340px;
line-height: 1.65;
}
.cta-btns {
display: flex;
gap: 10px;
flex-shrink: 0;
position: relative;
z-index: 1;
flex-wrap: wrap;
}
.btn-solid {
background: #fff;
color: var(–ink);
border: none;
padding: 11px 22px;
border-radius: 8px;
font-family: var(–fb);
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.18s;
display: inline-flex; align-items: center; gap: 6px;
}
.btn-solid:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.btn-outline {
background: transparent;
color: rgba(255,255,255,0.65);
border: 1px solid rgba(255,255,255,0.15);
padding: 11px 22px;
border-radius: 8px;
font-family: var(–fb);
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: all 0.18s;
}
.btn-outline:hover { border-color: rgba(255,255,255,0.4); color: #fff; }
/* ── REVEAL ── */
.reveal {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.in { opacity: 1; transform: translateY(0); }
.d1 { transition-delay: 0.08s; }
.d2 { transition-delay: 0.16s; }
.d3 { transition-delay: 0.24s; }
.d4 { transition-delay: 0.32s; }
/* ── RESPONSIVE ── */
@media (max-width: 860px) {
.two-col { grid-template-columns: 1fr; }
.col-l { padding: 60px 0 0; border-right: none; border-bottom: 1px solid var(–border); padding-bottom: 60px; }
.col-r { padding: 60px 0; }
.values-grid { grid-template-columns: 1fr 1fr; }
.team-grid { grid-template-columns: 1fr 1fr; }
.cta-box { padding: 44px 32px; }
}
@media (max-width: 580px) {
.wrap { padding: 0 20px; }
.hero { padding: 64px 0 60px; }
.metrics-row { width: 100%; flex-direction: column; }
.metric { border-right: none; border-bottom: 1px solid var(–border); }
.metric:last-child { border-bottom: none; }
.values-grid { grid-template-columns: 1fr; }
.tl-item { grid-template-columns: 1fr; gap: 8px; }
.cta-box { flex-direction: column; padding: 36px 24px; }
.section-header { flex-direction: column; align-items: flex-start; }
}
About ToolXMint
We build tools that
actually work for you
No paywalls. No signups. No friction. Just powerful, fast online tools — free for everyone, on any device.
Our Mission
Why we built ToolXMint
Every useful online tool seemed to either cost money, flood you with ads, or force you to sign up. We were tired of it.
“What if powerful tools were just… free? No friction, no strings — just open and use.”
So we built ToolXMint. A platform where anyone — a student in Mumbai, a freelancer in Lagos, a designer in Berlin — can access professional-grade tools instantly, for free, forever.
What We Stand For
Principles we build by
🆓
Free Forever
Core tools will always be free. No credit card, no trial limits.
🔒
Privacy First
Files processed locally where possible. Server files deleted in minutes.
⚡
Speed Obsessed
Every millisecond counts. We optimize ruthlessly so you don’t wait.
🌍
Built for Everyone
Works on any device, any browser, in 180+ countries worldwide.
🌐
Works Everywhere
Desktop, tablet, phone — fully responsive on every screen size and browser without compromise.
📦
Zero Install
No downloads, no extensions, no app stores. Open your browser, use the tool, done.
🚀
Always Growing
New tools ship every week based on what you ask for. Your feedback directly shapes what we build.
👨💻
Jadid Ahmed
Founder & CEO
Full-stack dev obsessed with fast UIs and zero-friction user experiences.
👩🎨
Priya Shah
Head of Design
Believes good design is invisible. 6 years crafting digital products people love.
👨🔬
Rohan Mehta
Lead Engineer
Performance nerd. If it can run faster, he will find a way to make it happen.
👩💼
Anika Bose
Growth & Community
Connects ToolXMint with its users through feedback loops and community building.
Our Journey
How we got here
2022
The Beginning
ToolXMint is born
Started as a weekend project with 3 tools. Shared on Reddit — 400 users on day one.
2023
Growth
Reached 100,000 users
Expanded to 20+ tools. PDF toolkit, QR generator, and Base64 encoder all launched based on user feedback.
2024
Scale
2 million files processed
Added user accounts, saved favorites, and a full developer toolkit. PWA launched for offline access.
2025
Now
50+ tools. Going global.
180+ countries. A growing team. The mission is unchanged — powerful tools, completely free, for everyone.
Ready to explorethe tools?
No signup needed for most tools. Just open and get to work.
const obs = new IntersectionObserver(entries => {
entries.forEach(e => {
if (e.isIntersecting) { e.target.classList.add(‘in’); obs.unobserve(e.target); }
});
}, { threshold: 0.08 });
document.querySelectorAll(‘.reveal’).forEach(el => obs.observe(el));
