NPM Package Explorer

Search npm packages, check bundle sizes, compare packages, and generate CDN links

Search npm packages

Search for an npm package

Type a package name above to explore its bundle size, CDN links, and metadata.

Share to Community

Was this tool helpful?

What is NPM Package Explorer?

Free online NPM package explorer to explore npm packages with this all-in-one developer tool.

Search the npm registry to find packages, check the minified and gzipped bundle size of any package before you install it, and generate ready-to-use CDN links from unpkg, jsdelivr, esm.sh, and cdnjs. Copy HTML script tags, ES module imports, and install commands with one click. Compare two package versions to see how the size changed, find a lighter alternative, or grab a CDN URL to load a library without a build step. View package metadata including license, repository, homepage, and recent version history. All queries go directly from your browser to public APIs. No signup required.

How to Use NPM Package Explorer

1Type a package name in the search box to query the npm registry
2Click on a package from the search results to select it
3View bundle size information including minified size, gzipped size, and estimated download time
4Copy CDN links, HTML script tags, or ES module import statements with one click
5Click on version badges to switch between recent versions and compare sizes

Frequently Asked Questions

NPM Package Explorer is a free online tool that lets you search the npm registry, check bundle sizes via Bundlephobia, generate CDN links from multiple providers, and view package metadata like license, versions, and repository links.

Bundle size data is fetched from the Bundlephobia API, which builds the package and measures both the minified and gzipped output sizes. The download time estimate is based on a slow 3G connection (approximately 50 KB/s).

Bundlephobia may not have data for packages that contain native binaries, are very large, have complex build steps, or have never been queried before. The tool will show a friendly message when data is unavailable.

The tool generates links for four popular CDN providers: unpkg, jsdelivr, esm.sh, and cdnjs. Each serves npm packages over a global CDN with HTTPS support.

All API calls go directly from your browser to the public npm registry and Bundlephobia APIs. No data passes through any intermediate server.

Search for the package by name and select it from the results. The tool shows the minified and gzipped size along with an estimated download time, so you can judge the cost of adding it to your bundle before running npm install. Click a version badge to see how the size differs across recent releases.

Select the package, then copy one of the generated CDN links from unpkg, jsdelivr, esm.sh, or cdnjs. Use the HTML script tag for a classic global script, or the ES module import URL for modern browsers that support native modules. This lets you prototype with a library directly in a single HTML file.

Use the size figures to compare candidates side by side. Look up the package you currently use, note its gzipped size, then search for the alternatives you are considering and compare. Smaller gzipped size usually means faster page loads, though you should still check that the lighter package covers the features you need.

Share this tool

Related Tools

Text Diff Checker

Free online text diff checker - compare two texts and see the differences highlighted line by line

📝

.env Editor & Validator

Edit and validate .env files online - detect duplicates, mask secrets, generate .env.example

Open Graph Preview

Free online open graph preview - preview how your page looks when shared on social media platforms

🧭

Browser Feature Support

Free online browser feature support - check CSS and HTML feature browser compatibility

{ }

JSON Formatter

JSON formatter and validator online - format, beautify, and validate JSON data instantly in your browser

JWT

JWT Decoder

Free online JWT decoder - decode and inspect JSON Web Tokens without sending them to a server

What is NPM Package Explorer?

Free online NPM package explorer to explore npm packages with this all-in-one developer tool.

How to Use NPM Package Explorer

1Type a package name in the search box to query the npm registry

2Click on a package from the search results to select it

3View bundle size information including minified size, gzipped size, and estimated download time

4Copy CDN links, HTML script tags, or ES module import statements with one click

5Click on version badges to switch between recent versions and compare sizes

Frequently Asked Questions

The tool generates links for four popular CDN providers: unpkg, jsdelivr, esm.sh, and cdnjs. Each serves npm packages over a global CDN with HTTPS support.

All API calls go directly from your browser to the public npm registry and Bundlephobia APIs. No data passes through any intermediate server.