ToolkitBook
Transform multiple CSS files in a single operation. Simply upload your .css files, select a processing mode, and download the results. **Format** beautifies code while preserving comments; **Optimize** strips comments but maintains readability; and **Minify** applies heavy compression for production use. The tool processes each file independently, tracks real-time progress, and calculates total size reduction across the entire batch.
Drag and drop CSS files here
or click to browse
Drag and drop CSS files directly onto the interface or click the upload area to browse your computer. The tool handles .css files of any size or initial formatting. To select multiple items in the file dialog, use Ctrl+click (Windows/Linux) or Command+click (macOS) for individual files, or Shift+click to select a range. Each file will appear in the list with its name and original size. You can remove specific files using the 'X' button or clear the entire queue with the Clear button.
Select the mode that best fits your current workflow:
Once you have selected your files and mode, click "Process Files." A progress bar will track the status as each file is handled. To keep the browser responsive, files are processed sequentially. Privacy is built-in: all processing occurs locally on your machine, so your code is never uploaded to an external server. If the tool encounters an error with a specific file, it will report the issue and continue processing the rest of the queue.
When the process is finished, the "Download All" button will activate. Clicking it will trigger individual downloads for every processed file. Each file retains its original name without any added prefixes or suffixes. If your browser asks for permission to download multiple files, approve the request to receive the full batch. Files are downloaded in quick succession with a brief delay to prevent browser throttling. A statistics panel will display the total files processed, combined original and new sizes, and the overall reduction percentage.
The impact on file size varies by mode. Format may increase the file size by adding whitespace for readability. Optimize generally reduces size by 5–15% by stripping comments. Minify provides the most significant results, often yielding 30–50% smaller files. The final statistics reflect the net effect of the entire batch; files that fail to process are excluded from these calculations.
Syntax errors, such as unclosed braces or broken strings, will cause a file to fail. The tool will identify which specific files failed so you can fix them in your code editor before trying again. Note that server-side template syntax (like Jinja2 or Django tags) can interfere with minification. If your files contain these tags, use Format mode, which is more likely to preserve them, or remove the tags before processing.