Guide
Features
Explore all the features npmx.dev offers
npmx.dev provides a comprehensive set of features for browsing npm packages.
Browse packages
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 |
| Gitpod | Cloud development environments |
Custom badges
You can add custom npmx badges to your markdown files using the following syntax: [](https://npmx.dev/YOUR_PACKAGE)
Do not forget to replace YOUR_PACKAGE with the actual package name.
Here are some examples:
# Default
[](https://npmx.dev/nuxt)
# Organization packages
[](https://npmx.dev/@nuxt/kit)
# Version-specific badges
[](https://npmx.dev/nuxt/v/3.12.0)