Quickly check your browser's IndexedDB storage capacity and current usage with this free online estimator. Visualize available disk space and storage limits.
AI Generation Prompt
Technical Specification: IndexedDB Storage Quota Estimator & Visualizer
Overview
A high-performance, single-file browser utility designed to retrieve and visualize the current IndexedDB (and general browser storage) quota. The application provides an immediate, accurate snapshot of available versus used storage space, formatted in a clean, professional dashboard.
Key Features
- Real-time Data Fetching: Utilizes
navigator.storage.estimate()to poll browser storage limits. - Unit Conversion: Automatic conversion from raw Bytes to KB, MB, and GB with human-readable formatting.
- Visual Dashboard: A clean, responsive progress bar showing percentage utilized.
- Status Indicators: Color-coded warnings (Green/Yellow/Red) based on storage pressure.
- No-Persistent-State Architecture: Fully compliant with sandboxed environments (no localStorage, no cookies, no tracking).
UI Layout & Design
- Container: Centered, max-width 800px, mobile-responsive layout.
- Header: Minimalist typography with a descriptive title.
- Main Content:
- A large, prominent circular or bar gauge representing total storage used.
- A secondary grid displaying detailed raw numbers (Quota, Used, Remaining).
- A "Refresh" button to re-fetch the storage data.
- Color Palette (Light Mode Only):
- Background:
#f8fafc(Slate 50) - Cards/Containers:
#ffffff(White) with smooth drop shadows. - Primary Accent:
#2563eb(Blue 600) - Success/Neutral:
#10b981(Emerald 500) - Warning:
#f59e0b(Amber 500) - Text:
#1e293b(Slate 800)
- Background:
Animation & Interactions
- Entrance: Fade-in animation for all interface elements.
- Transitions: CSS transitions on bar width changes to ensure smooth visual movement when refreshing data.
- Hover States: Subtle lift-up effects on data cards.
Developer Directives (Strict Constraints)
- Architecture: Single HTML file containing all logic, styles, and markup. No external build processes.
- Forbidden Storage: Strictly forbidden from writing to
localStorage,sessionStorage, orIndexedDB. Use memory variables only. - Sandboxed Compatibility: Avoid any methods that trigger
DOMExceptionin sandboxed iframes (e.g.,alert()orprompt()). Use custom modal components if user interaction is needed. - Security: Ensure all external documentation or helper links use
target="_blank"andrel="noopener noreferrer". - Libraries: May use CDN links for Tailwind CSS (for styling) and Lucide Icons (for iconography). No heavy frontend frameworks.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does this tool estimate IndexedDB storage?
This tool utilizes the navigator.storage.estimate() API provided by modern web browsers to retrieve information about the storage bucket. It calculates the total allocated bytes and the percentage of storage currently consumed by the browser's storage subsystem. Because it interfaces directly with the browser's underlying storage management capabilities, it provides accurate, real-time data regarding the limits imposed on your specific environment. It does not perform actual write operations or data persistence to your disk.
Is it safe to use this storage estimator in a sandboxed iframe?
Yes, this tool is designed specifically for sandboxed environments where persistent storage access might be restricted. By relying on in-memory calculations and the standard estimate API, it avoids triggering any storage-related security exceptions. It provides a safe, read-only analysis of your browser's storage environment without attempting to write cookies, local storage, or IndexedDB databases itself. This makes it an ideal utility for performance testing and debugging.
Why does my IndexedDB quota appear small?
Browser storage quotas are typically calculated as a percentage of the total available disk space on the device's main partition. In many browsers, this is dynamic and can change based on the amount of free space on your physical hard drive or SSD. If your system disk is nearly full, browsers often proactively reduce the available quota for web applications to prevent system-wide instability. Clearing browser cache or freeing up disk space on your machine will often result in a higher IndexedDB quota limit.
Does this tool store any of my personal data?
No, this application is strictly a client-side utility that operates entirely within your browser's temporary memory. It does not utilize cookies, localStorage, session storage, or any backend servers to collect or store information. Once you refresh the page or close the tab, all application state is permanently erased from memory. We prioritize user privacy and security by ensuring no data is ever transmitted or persisted outside of your current browser session.
