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 npmjs.com with xnpmjs.com or npmx.dev in any URL and it just works.
• First-class accessibility – Keyboard-friendly, screen-reader-aware experience baked in from the start.
• Internationalized UI – Use npmx in dozens of locales, including RTL languages.
• Enhanced admin experience – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.
• Shareable URLs – Every view on every page is shareable through the URL, making sharing a breeze.

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
• Translated interface – localized UI across 39+ locales, including RTL support
• First-class accessibility – accessible components, keyboard workflows, and automated axe/Lighthouse checks
• URL-driven feature views – share exact package versions, search results, compare sets, source files and lines, diffs, docs, changelogs, stats and timelines
• 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
• Generated API docs – browse generated docs for typed packages when available
• Version diff – inspect source and dependency changes between package versions
• Changelog view – read release notes when packages publish them
• Timeline view – scan publish history and notable version events such as deprecations and install size changes
• 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
• License, replacement, install script, and size-change warnings – spot package health and maintenance signals quickly
• Download statistics – weekly download counts with sparkline charts
• Install size – total install size (including transitive dependencies)
• Package comparison – compare packages by downloads, size, dependencies, types, security, repository health, and more
• Social signals – like packages, view profile likes, and browse the most-liked packages leaderboard
• 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
• 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
• Package access and owner management – grant package access, revoke team access, and add/remove package owners
• Organization member and team management – add/remove org members, change roles, create teams, and manage team membership
• Search, filter & sort – find packages within user/org lists
• Infinite scroll – paginated lists that load as you scroll

Comparison with npmjs.com

🚧 = 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:

[!TIP] Want automatic redirects? Try the npmx-redirect extension for Chrome / Firefox.

Not yet supported

• /package/<name>/access – dedicated npm-compatible access settings URL
• /package/<name>/dependents – dependent packages list
• /settings/* – account settings pages

Simpler URLs

npmx.dev also supports shorter, cleaner URLs:

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-redirect – Browser extension that automatically redirects npmjs.com URLs 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
• 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-badge – A playground to help you create custom badges quickly.
• npmxers – Discover the number of contributions you made to npmx and share your npmxer profile.

If you're building something cool, let us know! 🙏

License

Made with ❤️

Published under MIT License.

Sponsors