npmx-dev / npmx.dev

npmx.dev > A fast, modern browser for the npm registry. • 👉  Check it out • 📖  About npmx 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 with or 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 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., ) 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 • **Organization pages** – browse org packages at • **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 with or to get the npmx experience: | npm URL | npmx.dev equivalent | | ------------------------------- | ---------------------------------------------------------------------- | | | | | | | | | | | | | | | | | | | > [!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 access settings • – dependent packages list • – account settings pages Simpler URLs npmx.dev also supports shorter, cleaner URLs: | Pattern | Example | | ------------------ | -------------------------------------------------- | | | | | | | | | | | | | | | | Tech stack • Nuxt 4 • Nitro • UnoCSS • nuxt-og-image • npm Registry API 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 summarize…