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:

Speed – Fast searching, filtering, and navigation.
Simplicity – Get the information you need when you need it in an intuitive UI.
URL Compatibility – Replace npmjs.com with xnpmjs.com or npmx.dev in any URL and it just works.
Enhanced 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

Dark mode and light mode – plus customize the color palette to your preferences
Fast search – quick package search with instant results
Package details – READMEs, versions, dependencies, and metadata
Code viewer – browse package source code with syntax highlighting and permalink to specific lines
Provenance indicators – verified build badges and provenance section below the README
Multi-provider repository support – stars/forks from GitHub, GitLab, Bitbucket, Codeberg, Gitee, Sourcehut, Forgejo, Gitea, Radicle, and Tangled
JSR availability – see if scoped packages are also available on JSR
Package badges – module format (ESM/CJS/dual), TypeScript types (with @types/* links), and engine constraints
Outdated dependency indicators – visual cues showing which dependencies are behind
Vulnerability warnings – security advisories from the OSV database
Download statistics – weekly download counts with sparkline charts
Install size – total install size (including transitive dependencies)
Playground links – quick access to StackBlitz, CodeSandbox, and other demo environments from READMEs
Infinite search – auto-load additional search pages as you scroll
Keyboard navigation – press / to focus search, . to open code viewer, arrow keys to navigate results
Deprecation notices – clear warnings for deprecated packages and versions
Version range resolution – dependency ranges (e.g., ^1.0.0) resolve to actual installed versions
Claim new packages – register new package names directly from search results (via local connector)
Clickable version tags – navigate directly to any version from the versions list

User & org pages

User profiles – view any npm user's public packages at /~username
Organization pages – browse org packages at /@orgname
Search, filter & sort – find packages within user/org lists
Infinite 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.

Star History

<a href="https://www.star-history.com/#npmx-dev/npmx.dev&type=date&legend=top-left"> <picture> <source

Npmx.dev

Install / Use

README