| title | Features | ||
|---|---|---|---|
| description | Explore all the features npmx.dev offers | ||
| navigation |
|
npmx.dev provides a comprehensive set of features for browsing npm packages.
Type a package name in the search bar to find it. Press Enter to navigate directly to an exact match.
Type package@version in the search bar and press Enter to go directly to that version:
| Input | Navigates to |
|---|---|
vue@3.4.0 |
Version page for vue 3.4.0 |
@nuxt/kit@^3.0.0 |
Package page with versions matching ^3.0.0 pre-filtered |
react@^18 || ^19 |
Package page with versions matching the union pre-filtered |
nuxt@latest |
Package page with latest dist-tag filter |
When the version is an exact version number (e.g. 3.4.0), you'll land on that version's page. When it's a semver range (e.g. ^3.0.0), you'll land on the package page with the version filter pre-populated.
Open the command palette with ⌘K on macOS, or Ctrl+K on Windows and Linux, to jump between major pages, switch settings, and open package-specific views without reaching for the mouse.
Each package page displays:
- README - Rendered markdown documentation
- Versions - Complete version history with release dates
- Dependencies - Required packages with version ranges that resolve to actual versions
- Dependents - Packages that depend on this one (coming soon)
Packages display helpful badges:
| Badge | Meaning |
|---|---|
| ESM / CJS / Dual | Module format support |
| TypeScript | Includes type definitions (links to @types/* if separate) |
| Provenance | Verified build from a known source |
- Vulnerability warnings - Security advisories from the OSV database
- Deprecation notices - Clear warnings for deprecated packages and versions
- Provenance indicators - Verified build badges for packages with npm provenance
Press . or click the Code tab to open the code viewer:
- File tree - Navigate the package structure
- Syntax highlighting - Language-aware code display
- Permalinks - Link to specific lines in files
- Download counts - Weekly downloads with sparkline charts
- Install size - Total size including transitive dependencies
- Repository stats - Stars and forks from supported git providers
npmx.dev fetches repository statistics (stars, forks) from these git hosting platforms:
| Provider | Description |
|---|---|
| :icon{name="i-simple-icons-github"} GitHub | The most popular git hosting platform |
| :icon{name="i-simple-icons-gitlab"} GitLab | Self-hosted instances supported |
| :icon{name="i-simple-icons-bitbucket"} Bitbucket | Atlassian's git hosting service |
| :icon{name="i-simple-icons-codeberg"} Codeberg | Free hosting for open source projects |
| :icon{name="i-simple-icons-gitee"} Gitee | Popular git hosting in China |
| :icon{name="i-simple-icons-sourcehut"} Sourcehut | Minimalist software forge |
| :icon{name="i-simple-icons-forgejo"} Forgejo | Community-driven Gitea fork |
| :icon{name="i-simple-icons-gitea"} Gitea | Self-hosted git service |
| Radicle | Peer-to-peer code collaboration |
| Tangled | Decentralized git hosting |
- User profiles - View any npm user's public packages at
/~username - Organization pages - Browse org packages at
/@orgname - Search and filter - Find packages within user/org lists
See if scoped packages are also available on JSR, the modern JavaScript registry with native TypeScript support
Quick access to online development environments detected from package READMEs:
| Platform | Description |
|---|---|
| :icon{name="i-simple-icons-stackblitz"} StackBlitz | Browser-based IDE with instant environments |
| :icon{name="i-simple-icons-codesandbox"} CodeSandbox | Online code editor and prototyping tool |
| :icon{name="i-lucide:pen-tool"} CodePen | Social development environment for front-end |
| :icon{name="i-simple-icons-jsfiddle"} JSFiddle | Online editor for web snippets |
| :icon{name="i-simple-icons-replit"} Replit | Collaborative browser-based IDE |