NPM Package Info Lookup
Free client-side npm package inspector with bundle sizes, dependency counts, weekly downloads, and multi-package-manager install syntax.
react
v19.0.0 MITReact is a JavaScript library for building user interfaces with declarative component architecture.
npm i react
Common Package Alternatives & Bundle Weights
Selecting modern, lightweight packages saves megabytes of client transfer bandwidth and improves First Contentful Paint (FCP).
| Legacy / Heavy Standard | Bundle Size | Modern Lightweight Drop-in | Bundle Size | Savings |
|---|---|---|---|---|
| moment | ~72.0 KB min+gzip | dayjs or date-fns | ~2.9 KB min+gzip | 96% lighter |
| lodash (full) | ~24.5 KB min+gzip | lodash-es or native ES2024 | ~1.2 KB min+gzip | 95% lighter |
| axios | ~11.5 KB min+gzip | Native fetch() / ky |
~0 KB / 3.0 KB | 100% lighter |
| yup | ~15.0 KB min+gzip | zod or valibot | ~1.0 – 12.0 KB | Modular |
| redux + react-redux | ~12.0 KB min+gzip | zustand | ~1.1 KB min+gzip | 91% lighter |
About this tool
How to use it
- Enter an NPM package name (e.g., 'react', 'axios', 'zod', 'typescript') into the search field or click a preset.
- Inspect package metadata including latest version, license, weekly downloads, and unpacked size.
- Switch install command syntax tabs between npm, pnpm, yarn, and bun, and click 'Copy' to paste into your terminal.
- Examine direct dependencies, maintainer contacts, and repository links.
- Click external links for Bundlephobia weight audits, RunKit playgrounds, or Snyk vulnerability reports.
Why it matters
Developers constantly need to evaluate package health, bundle footprint, license compliance, and exact installation commands without wading through heavy pages or advertising trackers. This tool provides instant, lightweight package inspection in your browser.
When to use it
Use when evaluating new dependencies during code reviews, checking whether a library is tree-shakeable and lightweight, verifying MIT/Apache licensing for commercial projects, or copying quick install commands.
Common questions
Where does this tool source package information?
The tool uses a high-speed in-browser offline registry for popular packages and queries the official public npm Registry API (registry.npmjs.org) with CORS for any other requested package in real-time.
What is the difference between unpacked size and minified+gzipped size?
Unpacked size reflects the total uncompressed disk space the package tarball occupies inside your local node_modules directory. Minified + gzipped size is the actual wire transfer footprint sent to the browser when bundled with tools like Vite, Webpack, or esbuild.
Are scoped packages supported?
Yes. You can search scoped packages like @angular/core, @types/node, or @trpc/server. Scoped package names are automatically URL-encoded when querying the registry.
Why is license verification important before installing?
Permissive licenses like MIT, ISC, and Apache-2.0 permit commercial proprietary reuse. Copyleft licenses like GPL or AGPL may require you to open-source your entire proprietary codebase if distributed.