npmx.dev README

The project's README from github.com/npmx-dev/npmx.dev. As one markdown file: README.md.

npmx.dev

A fast, modern browser for the npm registry.

Screenshot of npmx.dev showing the nuxt package

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:

Shortcuts

Features

Package browsing

User & org pages

Comparison with npmjs.com

Feature npmjs.com npmx.dev
Package search ✅ ✅
Package details & README ✅ ✅
Version history ✅ ✅
Dependencies list ✅ ✅
Dependents list ✅ 🚧
User profiles ✅ ✅
Organization pages ✅ ✅
Package comparison ❌ ✅
URL-driven/shareable feature views ❌ ✅
Provenance indicators ✅ ✅
Code browser ✅ ✅
Generated API docs ❌ ✅
Version diff ❌ ✅
Changelog view ❌ ✅
Timeline view ❌ ✅
Dark mode ✅ 🆕 ✅
Internationalization ❌ ✅
Accessibility statement and audits ❌ ✅
Outdated dependency warnings ❌ ✅
Module format badges (ESM/CJS/WASM) ❌ ✅
TypeScript types indicator ✅ ✅
Install size calculation ❌ ✅
Install script warnings ❌ ✅
License change warnings ❌ ✅
Module replacement suggestions ❌ ✅
JSR cross-reference ❌ ✅
Vulnerability warnings ✅ ✅
Deprecation notices ✅ ✅
Download charts ✅ ✅
Package likes and leaderboard ❌ ✅
Playground links ❌ ✅
Keyboard navigation ❌ ✅
Multi-provider repo support ❌ ✅
Version range resolution ❌ ✅
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-redirect extension for Chrome / Firefox.

Not yet supported

Simpler URLs

npmx.dev also supports shorter, cleaner URLs:

Pattern Example
/<package> /nuxt
/<pkg>@<version> /[email protected]
/@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!

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

License

Made with ❤️

Published under MIT License.

Sponsors

Sponsors

npmx.dev (npmx-dev/npmx.dev)

Searching Database…

What is this?npmx.dev is a fast, modern browser for the npm registry that gives you a quicker, more informative UI for looking up packages, users, and organizations without replacing the registry itself.
Does this replace npmjs.com or just sit on top of it?It's a UI layer on top of the existing npm registry, not a replacement for it; any npmjs.com URL works the same way on npmx.dev.
How do I start browsing packages on npmx instead of npmjs.com?Just swap npmjs.com (or xnpmjs.com) for npmx.dev in any existing URL, e.g. npmjs.com/package/nuxt becomes npmx.dev/package/nuxt, and user/org pages work the same way.
Do I need anything installed to manage my packages through npmx?Just browsing packages needs nothing extra, but the admin features for managing your packages, teams, and organizations are powered by your local npm CLI.
What npmjs.com features are still missing on npmx?A few things aren't ported yet: the dependents list is marked as coming soon, and the per-package access URL and the account settings pages are not yet supported.
What does npmx offer that npmjs.com doesn't?It adds version diffs, changelog and timeline views, generated API docs, install size calculation, outdated-dependency and license-change warnings, and a package comparison tool, none of which npmjs.com currently has.
Can I compare multiple packages side by side?Yes, npmx has a comparison feature that stacks packages against each other by downloads, size, dependencies, TypeScript types, security, and repository health.
Is the interface available in languages other than English?Yes, the UI is translated into 39+ locales, including right-to-left languages, as part of its first-class accessibility and internationalization focus.
What is npmx built with?It's a Nuxt 4 app running on Nitro, styled with UnoCSS, using nuxt-og-image and the npm Registry API as its data source.
Creator
npmx-dev
Size
28.1 MB
Stars
3.6K
Age
8mo
Commits · 90 Days