---
layout: default
title: Excel to PDF - Convert Spreadsheets to PDF
description: Convert Excel spreadsheets (.xlsx, .xls) to PDF format in your browser.
permalink: /playground/tools/excel-to-pdf/
---

<link rel="stylesheet" href="../shared/tool-layout.css">

<div class="tool-wrapper">
    <div class="tool-breadcrumb">
        <a href="/playground/tools/">← Back to Tools</a>
    </div>

    <div class="tool-header">
        <h1>Excel to PDF</h1>
        <p class="tool-description">Convert Excel spreadsheets to PDF format</p>
    </div>

    <div id="alert" class="alert"></div>

    <div class="tool-content">
        <div class="drop-zone" id="dropZone">
            <div class="drop-zone-icon">📊</div>
            <div class="drop-zone-text">Click to select an Excel file or drag it here</div>
            <div class="drop-zone-hint">.xlsx and .xls files supported</div>
        </div>
        <input type="file" id="fileInput" class="file-input" accept=".xlsx,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">

        <div id="sheetSelector" style="display: none; margin-top: 2rem;">
            <h3>Select Sheet</h3>
            <select id="sheetSelect" style="padding: 0.5rem; border: 1px solid var(--tool-border); border-radius: 4px; width: 100%; max-width: 400px; margin-top: 0.5rem;"></select>
        </div>

        <div id="previewContainer" style="display: none; margin-top: 2rem;">
            <h3>Sheet Preview</h3>
            <div style="overflow-x: auto; margin-top: 1rem;">
                <div id="previewArea" style="border: 2px solid var(--tool-border); border-radius: 8px; padding: 1rem; background: white; max-height: 600px; overflow: auto;"></div>
            </div>
        </div>

        <div class="btn-group" style="margin-top: 2rem;">
            <button id="clearBtn" class="btn btn-secondary" style="display: none;">
                Clear
            </button>
            <button id="convertBtn" class="btn btn-primary" style="display: none;">
                Convert to PDF
            </button>
        </div>

        <div id="progressContainer" style="display: none; margin-top: 1.5rem;">
            <div style="font-weight: 600; margin-bottom: 0.5rem;">Converting to PDF...</div>
            <div class="progress-bar">
                <div id="progressFill" class="progress-fill"></div>
            </div>
            <div id="progressText" style="margin-top: 0.5rem; font-size: 0.9rem; color: var(--tool-text-secondary);"></div>
        </div>
    </div>

    <div class="feature-list">
        <h3>Features</h3>
        <ul>
            <li>Convert .xlsx and .xls files to PDF</li>
            <li>Select specific sheets to convert</li>
            <li>Preserves table structure and data</li>
            <li>Preview before conversion</li>
            <li>100% client-side processing</li>
            <li>No file uploads - complete privacy</li>
            <li>Works offline</li>
        </ul>
        
        <div style="margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--tool-border); border-radius: 8px; background: var(--tool-bg-light);">
            <strong>Note:</strong> Converts cell data and basic formatting. Formulas are evaluated to values. Charts and complex formatting not preserved.
        </div>
    </div>
</div>

<script src="../shared/tool-utils.js"></script>
<script src="https://cdn.sheetjs.com/xlsx-0.20.1/package/dist/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" 
        integrity="sha384-cJEOHCu0J4YVr8LQxgWK3X0kWmNVL8HTvdV1vJwwoRg/F1yJ7PcWLy4Rb0E9jZ8B" 
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js" 
        integrity="sha384-K2wjRKKnx3qkLQjOOO3HJPXuBFQKAF4eLKDIbqLAMO8ZLBxdQZdQZdQZdQZdQZdQ" 
        crossorigin="anonymous"></script>
<script src="tool.js"></script>