Features
npmx.dev provides a comprehensive set of features for browsing npm packages.
Search
Find packages
Type a package name in the search bar to find it. Press Enter to navigate directly to an exact match.
Jump to a specific version
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.
Browse packages
Command palette
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.
View package details
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)
Check package badges
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 |
View security information
- 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
Browse source code
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
View statistics
- Download counts - Weekly downloads with sparkline charts
- Install size - Total size including transitive dependencies
- Repository stats - Stars and forks from supported git providers
Supported git providers
npmx.dev fetches repository statistics (stars, forks) from these git hosting platforms:
| Provider | Description |
|---|---|
| GitHub | The most popular git hosting platform |
| GitLab | Self-hosted instances supported |
| Bitbucket | Atlassian's git hosting service |
| Codeberg | Free hosting for open source projects |
| Gitee | Popular git hosting in China |
| Sourcehut | Minimalist software forge |
| Forgejo | Community-driven Gitea fork |
| Gitea | Self-hosted git service |
| Radicle | Peer-to-peer code collaboration |
| Tangled | Decentralized git hosting |
Explore users and organizations
- 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
Access related resources
JSR availability
See if scoped packages are also available on JSR, the modern JavaScript registry with native TypeScript support
Playground links
Quick access to online development environments detected from package READMEs:
| Platform | Description |
|---|---|
| StackBlitz | Browser-based IDE with instant environments |
| CodeSandbox | Online code editor and prototyping tool |
| CodePen | Social development environment for front-end |
| JSFiddle | Online editor for web snippets |
| Replit | Collaborative browser-based IDE |