{DT}DevToolkit
🔍

Bun Bundle Analyzer

Visualize your Bun bundle size with interactive treemap. Find large dependencies and optimize your build.

Loading editor...
// Paste your Bun build manifest JSON here...
Cmd/Ctrl + Enter to analyze

No Bundle Data

Paste your Bun build manifest or upload a JSON file to get started.

Generate a manifest with: bun build ./src/index.ts --outdir ./dist --manifest

How to Use

  1. Generate a build manifest by running bun build ./src/index.ts --outdir ./dist --manifest
  2. Copy the contents of the generated manifest.json file
  3. Paste the JSON into the editor above, or upload the file
  4. Click "Analyze Bundle" to visualize your bundle
  5. Use the treemap to identify large dependencies, or switch to table view for detailed size information

Features

  • Interactive treemap visualization
  • Sortable table view with all modules
  • Size breakdown (raw and gzip estimates)
  • Export results as JSON
  • Shareable analysis links
  • 100% client-side processing

Frequently Asked Questions