npmx.dev

A fast, modern browser for the npm registry.

• 👉  Check it out

Vision

The aim of npmx.dev is to provide a better browser for the npm registry – fast, modern, and accessible. We don’t aim to replace the npmjs.com registry, just provide a better UI and DX.

• undefinedSpeed first – Layout shift, flakiness, slowness is The Worst. Fast searching, filtering, and navigation.
• undefinedURL compatible – Replace npmjs.com with xnpmjs.com or npmx.dev in any URL and it just works.
• undefinedSimplicity – No noise, cluttered display, or confusing UI. If in doubt: choose simplicity.

Features

Package browsing

• undefinedDark mode by default – easier on the eyes
• 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 for packages with npm provenance
• undefinedMulti-provider repository support – stars/forks from GitHub, GitLab, Bitbucket, Codeberg, Gitee, and Sourcehut
• undefinedJSR availability – see if scoped packages are also available on JSR
• undefinedPackage badges – module format (ESM/CJS/dual), TypeScript types, 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 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, arrow keys to navigate results, Enter to select
• undefinedClaim new packages – register new package names directly from search results (via local connector)

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	✅	✅
Download charts	✅	✅
Playground links	❌	✅
Keyboard navigation	❌	✅
Multi-provider repo support	❌	✅
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 and it works:

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.

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
/@scope/name	/@nuxt/kit
/@org	/@nuxt
/~username	/~sindresorhus

Tech stack

• Nuxt 4
• Nitro
• UnoCSS
• nuxt-og-image
• npm Registry API

Contributing

I’d welcome contributions – please do feel free to poke around 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
• 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

If you’re building something cool, let me know! 🙏

License

Made with ❤️

Published under MIT License.