/* ── SVG size reset: prevent host site CSS from stretching SVGs ── */
.hero svg,
.install-btn svg,
.install-note svg,
.stat-box svg,
.feature-icon svg,
.compat-icon svg,
.compat-feat svg,
.step svg,
.cta-section svg {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
flex-shrink: 0;
}
.feature-icon svg { width: 22px !important; height: 22px !important; max-width: 22px !important; }
.compat-icon svg { width: 22px !important; height: 22px !important; max-width: 22px !important; }
.compat-feat svg { width: 13px !important; height: 13px !important; max-width: 13px !important; }
:root {
--blue: #1A56DB;
--blue-dk: #1245B5;
--blue-lt: #EBF2FF;
--blue-mid: #BFDBFE;
--orange: #F97316;
--orange-dk: #EA6C0A;
--orange-lt: #FFF4ED;
--text: #1E293B;
--muted: #64748B;
--light: #94A3B8;
--border: #E2E8F0;
--surface: #F8FAFC;
--white: #FFFFFF;
--green: #16A34A;
--green-lt: #DCFCE7;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Open Sans', system-ui, sans-serif;
color: var(--text);
background: var(--white);
line-height: 1.6;
}
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
/* ── Hero ── */
.hero {
background: linear-gradient(135deg, var(--blue) 0%, #2563EB 60%, #1e40af 100%);
padding: 80px 40px 72px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
background-size: 32px 32px;
}
.hero-inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 30px;
padding: 5px 16px;
font-size: 12px;
font-weight: 700;
color: rgba(255,255,255,0.9);
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 24px;
}
.hero-badge-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--orange);
}
.hero h1 {
font-size: clamp(32px, 5vw, 52px);
font-weight: 800;
color: var(--white);
line-height: 1.15;
margin-bottom: 18px;
letter-spacing: -0.02em;
}
.hero h1 span { color: var(--orange); }
.hero-sub {
font-size: 18px;
color: rgba(255,255,255,0.72);
max-width: 560px;
margin: 0 auto 36px;
font-weight: 400;
}
/* ── Install Buttons ── */
.install-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 16px;
}
.install-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 22px;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: all 0.2s;
border: 2px solid transparent;
}
.install-btn:hover { transform: translateY(-2px); text-decoration: none; }
.install-btn svg { width: 20px; height: 20px; flex-shrink: 0; }
.btn-chrome {
background: var(--orange);
color: var(--white);
box-shadow: 0 4px 16px rgba(249,115,22,0.4);
}
.btn-chrome:hover { background: var(--orange-dk); box-shadow: 0 6px 24px rgba(249,115,22,0.5); }
.btn-firefox {
background: rgba(255,255,255,0.12);
color: var(--white);
border-color: rgba(255,255,255,0.2);
}
.btn-firefox:hover { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); }
.btn-edge {
background: rgba(255,255,255,0.12);
color: var(--white);
border-color: rgba(255,255,255,0.2);
}
.btn-edge:hover { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); }
.btn-safari {
background: rgba(255,255,255,0.06);
color: rgba(255,255,255,0.5);
border-color: rgba(255,255,255,0.1);
cursor: default;
font-style: italic;
}
.install-note {
font-size: 12px;
color: rgba(255,255,255,0.45);
margin-top: 4px;
}
/* ── Stats row ── */
.stats-row {
background: var(--white);
border-bottom: 1px solid var(--border);
padding: 20px 40px;
display: flex;
justify-content: center;
gap: 60px;
flex-wrap: wrap;
}
.stat { text-align: center; }
.stat-num {
font-size: 28px;
font-weight: 800;
color: var(--blue);
letter-spacing: -0.02em;
line-height: 1;
}
.stat-lbl {
font-size: 12px;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.06em;
margin-top: 4px;
font-weight: 600;
}
/* ── Features ── */
.section { padding: 72px 40px; }
.section-inner { max-width: 1100px; margin: 0 auto; }
.section-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 10px;
}
.section-title {
font-size: clamp(26px, 3.5vw, 38px);
font-weight: 800;
color: var(--text);
letter-spacing: -0.02em;
line-height: 1.2;
margin-bottom: 14px;
}
.section-sub {
font-size: 16px;
color: var(--muted);
max-width: 560px;
margin-bottom: 52px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.feature-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 14px;
padding: 24px;
transition: all 0.2s;
}
.feature-card:hover {
border-color: var(--blue-mid);
box-shadow: 0 4px 20px rgba(26,86,219,0.08);
transform: translateY(-2px);
}
.feature-icon {
width: 44px; height: 44px;
background: var(--blue-lt);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
}
.feature-icon svg { width: 22px; height: 22px; color: var(--blue); }
.feature-icon.orange { background: var(--orange-lt); }
.feature-icon.orange svg { color: var(--orange); }
.feature-icon.green { background: var(--green-lt); }
.feature-icon.green svg { color: var(--green); }
.feature-title { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.feature-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }
/* ── Browser compat ── */
.compat-section { background: var(--surface); }
.compat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
.compat-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 12px;
padding: 22px 20px;
display: flex;
flex-direction: column;
gap: 14px;
}
.compat-card.live { border-color: var(--blue-mid); }
.compat-card.pending { opacity: 0.65; }
.compat-header { display: flex; align-items: center; gap: 12px; }
.compat-icon {
width: 40px; height: 40px;
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.compat-icon svg { width: 22px; height: 22px; }
.compat-name { font-size: 15px; font-weight: 700; color: var(--text); }
.compat-status {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11px;
font-weight: 700;
padding: 3px 9px;
border-radius: 20px;
letter-spacing: 0.04em;
}
.compat-status.live { background: var(--green-lt); color: var(--green); }
.compat-status.pending { background: var(--border); color: var(--muted); }
.compat-status-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.compat-features { display: flex; flex-direction: column; gap: 6px; }
.compat-feat {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--muted);
}
.compat-feat svg { width: 13px; height: 13px; flex-shrink: 0; }
.compat-feat.yes svg { color: var(--green); }
.compat-feat.warn svg { color: var(--orange); }
.compat-install {
display: block;
text-align: center;
padding: 9px;
border-radius: 7px;
font-size: 13px;
font-weight: 700;
transition: all 0.15s;
text-decoration: none;
}
.compat-install.live-btn {
background: var(--blue);
color: var(--white);
}
.compat-install.live-btn:hover { background: var(--blue-dk); text-decoration: none; }
.compat-install.disabled-btn {
background: var(--border);
color: var(--light);
cursor: default;
}
/* ── How to use ── */
.steps { display: flex; flex-direction: column; gap: 0; max-width: 640px; }
.step { display: flex; gap: 20px; padding-bottom: 32px; position: relative; }
.step:not(:last-child)::before {
content: '';
position: absolute;
left: 19px; top: 40px;
width: 2px; bottom: 0;
background: var(--border);
}
.step-num {
width: 40px; height: 40px;
background: var(--blue);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 800; color: var(--white);
flex-shrink: 0; position: relative; z-index: 1;
}
.step-title { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 4px; margin-top: 8px; }
.step-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }
/* ── CTA ── */
.cta-section {
background: linear-gradient(135deg, var(--blue) 0%, #2563EB 100%);
padding: 72px 40px;
text-align: center;
}
.cta-section h2 {
font-size: clamp(26px,4vw,40px);
font-weight: 800;
color: var(--white);
margin-bottom: 14px;
letter-spacing: -0.02em;
}
.cta-section p {
font-size: 16px;
color: rgba(255,255,255,0.7);
margin-bottom: 36px;
}
@media (max-width: 640px) {
.hero { padding: 56px 20px 52px; }
.section { padding: 52px 20px; }
.stats-row { gap: 32px; padding: 20px; }
.install-buttons { flex-direction: column; align-items: center; }
.install-btn { width: 100%; max-width: 300px; justify-content: center; }
}
Keep Your Browser Fast & Private
Everything you need to stay
Install for Firefox
Install for Edge
In Review
Free Browser Extension · v1.2.0
Keep Your Browser Fast & Private
on Autopilot
Auto Cache Cleaner automatically clears cache, history, cookies, and more on a fully customizable schedule — set it once and forget it.
Free · No account required · No data collected
3
Browsers Supported
8
Data Types
15m
Shortest Interval
0
Data Collected
Features
Everything you need to stay
fast and private
Configure once. Run forever. Full control over what gets cleared, when, and how far back.
Scheduled Auto-Cleaning
Set intervals from 15 minutes to weekly. The extension runs silently in the background — no interaction needed.
8 Selectable Data Types
Cache, history, cookies, downloads, form data, local storage, IndexedDB, and saved passwords — each independently toggled.
Live Progress Bar
An orange progress bar in the popup shows exactly how far through the current clean interval you are at a glance.
Clean Now
One-click manual clean from the toolbar popup using your current settings. Instant feedback on what was cleared.
Pause / Resume
Suspend the automatic schedule any time without losing your configuration. Resume with one click.
Zero Data Collection
All settings stored locally via browser.storage.sync. No servers, no tracking, no analytics. Nothing leaves your device.
Availability
Available on your browser
One extension, four browsers, one shared codebase.
Firefox
Live
Full cache & cookie clearing
All 8 data types
Also on Firefox for Android
Edge
Live
Full cache & cookie clearing
All 8 data types
Manifest V3 · Chromium-based
Safari
Coming Soon
Scheduling & notifications
Local Storage clearing
Cache/cookies via Safari Settings
How It Works
Up and running in 60 seconds
No account. No setup wizard. Just install and go.
1
Install the extension
Click Install for your browser above. One click, no sign-up required.
2
Click the toolbar icon
The broom icon appears in your browser toolbar. Click it to open the popup.
3
Choose what to clean
Toggle each data type — cache is enabled by default. Set your preferred schedule interval.
4
Runs automatically
Auto Cache Cleaner runs silently in the background on schedule. The orange progress bar shows your next clean countdown.
Install Auto Cache Cleaner Free
Available now for Chrome, Firefox, and Edge
