//npmx.devbyhuang-julien
npmx.dev
A fast, modern browser for the npm registry.
Vision
The goal of npmx.dev is to build a fast, modern browser for the npm registry.
We’re not replacing the npm registry, but instead providing an elevated developer experience through a fast, modern UI.
What npmx offers:
- undefinedSpeed – Fast searching, filtering, and navigation.
- undefinedSimplicity – Get the information you need when you need it in an intuitive UI.
- undefinedURL Compatibility – Replace
npmjs.comwithxnpmjs.comornpmx.devin any URL and it just works. - undefinedEnhanced admin experience – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.
Shortcuts
- chat.npmx.dev - Discord Server
- build.npmx.dev - Builders Discord Server
- social.npmx.dev - Bluesky Profile
- repo.npmx.dev - GitHub Repository
- issues.npmx.dev - GitHub Issues
- coc.npmx.dev - Code of Conduct
- contributing.npmx.dev - Contributing Guide
Features
Package browsing
- undefinedDark mode and light mode – plus customize the color palette to your preferences
- undefinedFast search – quick package search with instant results
- undefinedPackage details – READMEs, versions, dependencies, and metadata
- undefinedCode viewer – browse package source code with syntax highlighting and permalink to specific lines
- undefinedProvenance indicators – verified build badges and provenance section below the README
- undefinedMulti-provider repository support – stars/forks from GitHub, GitLab, Bitbucket, Codeberg, Gitee, Sourcehut, Forgejo, Gitea, Radicle, and Tangled
- undefinedJSR availability – see if scoped packages are also available on JSR
- undefinedPackage badges – module format (ESM/CJS/dual), TypeScript types (with
@types/*links), and engine constraints - undefinedOutdated dependency indicators – visual cues showing which dependencies are behind
- undefinedVulnerability warnings – security advisories from the OSV database
- undefinedDownload statistics – weekly download counts with sparkline charts
- undefinedInstall size – total install size (including transitive dependencies)
- undefinedPlayground links – quick access to StackBlitz, CodeSandbox, and other demo environments from READMEs
- undefinedInfinite search – auto-load additional search pages as you scroll
- undefinedKeyboard navigation – press
/to focus search,.to open code viewer, arrow keys to navigate results - undefinedDeprecation notices – clear warnings for deprecated packages and versions
- undefinedVersion range resolution – dependency ranges (e.g.,
^1.0.0) resolve to actual installed versions - undefinedClaim new packages – register new package names directly from search results (via local connector)
- undefinedClickable version tags – navigate directly to any version from the versions list
User & org pages
- undefinedUser profiles – view any npm user’s public packages at
/~username - undefinedOrganization pages – browse org packages at
/@orgname - undefinedSearch, filter & sort – find packages within user/org lists
- undefinedInfinite scroll – paginated lists that load as you scroll
Comparison with npmjs.com
| Feature | npmjs.com | npmx.dev |
|---|---|---|
| Package search | ✅ | ✅ |
| Package details & README | ✅ | ✅ |
| Version history | ✅ | ✅ |
| Dependencies list | ✅ | ✅ |
| User profiles | ✅ | ✅ |
| Organization pages | ✅ | ✅ |
| Provenance indicators | ✅ | ✅ |
| Code browser | ✅ | ✅ |
| Dark mode | ❌ | ✅ |
| Outdated dependency warnings | ❌ | ✅ |
| Module format badges (ESM/CJS) | ❌ | ✅ |
| TypeScript types indicator | ✅ | ✅ |
| Install size calculation | ❌ | ✅ |
| JSR cross-reference | ❌ | ✅ |
| Vulnerability warnings | ✅ | ✅ |
| Deprecation notices | ✅ | ✅ |
| Download charts | ✅ | ✅ |
| Playground links | ❌ | ✅ |
| Keyboard navigation | ❌ | ✅ |
| Multi-provider repo support | ❌ | ✅ |
| Version range resolution | ❌ | ✅ |
| Dependents list | ✅ | 🚧 |
| Package admin (access/owners) | ✅ | 🚧 |
| Org/team management | ✅ | 🚧 |
| 2FA/account settings | ✅ | ❌ |
| Claim new package names | ✅ | ✅ |
🚧 = coming soon
URL structure
npm compatibility
npmx.dev supports npm permalinks – just replace npmjs.com with npmx.dev or xnpmjs.com to get the npmx experience:
| npm URL | npmx.dev equivalent |
|---|---|
npmjs.com/package/nuxt |
npmx.dev/package/nuxt |
npmjs.com/package/@nuxt/kit |
npmx.dev/package/@nuxt/kit |
npmjs.com/package/vue/v/3.4.0 |
npmx.dev/package/vue/v/3.4.0 |
npmjs.com/search?q=vue |
npmx.dev/search?q=vue |
npmjs.com/~sindresorhus |
npmx.dev/~sindresorhus |
npmjs.com/org/nuxt |
npmx.dev/org/nuxt |
[!TIP]
Want automatic redirects? Try the npmx-replace browser extension (Chrome only for now) or the separate npmx-redirect extension for Chrome / Firefox.
Not yet supported
/package/<name>/access– package access settings/package/<name>/dependents– dependent packages list/settings/*– account settings pages
Simpler URLs
npmx.dev also supports shorter, cleaner URLs:
| Pattern | Example |
|---|---|
/<package> |
/nuxt |
/<pkg>@<version> |
/vue@3.4.0 |
/@scope/name |
/@nuxt/kit |
/@org |
/@nuxt |
/~username |
/~sindresorhus |
Tech stack
Contributing
We welcome contributions – please do feel free to explore the project and improve things. See CONTRIBUTING.md for guidelines on how to get up and running!
Related projects
- npmx-replace-extension – Browser extension to redirect npmjs.com to npmx.dev (Chrome only for now)
- JSR – The open-source package registry for modern JavaScript and TypeScript
- npm-userscript – Browser userscript with various improvements and fixes for npmjs.com
- npm-alt – An alternative npm package browser
- npkg.lorypelli.dev – An alternative frontend to npm made with as little client-side JavaScript as possible
- vscode-npmx – Official VSCode extension for npmx
- vscode-open-in-npmx – VSCode shortcut to open packages on npmx
- nxjt – npmx Jump To: Quickly navigate to npmx common webpages.
- npmx-weekly – A weekly newsletter for the npmx ecosystem. Add your own content via suggestions in the weekly PR on GitHub.
- npmx-digest – An automated news aggregation website that summarizes npmx activity from GitHub and Bluesky every 8 hours.
- npmx-redirect – Browser extension that automatically redirects npmjs.com URLs to npmx.dev.
- npmx-badge – A playground to help you create custom badges quickly.
If you’re building something cool, let us know! 🙏
License
Made with ❤️
Published under MIT License.