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…

Что это?npmx.dev — это быстрый современный браузер для реестра npm: более шустрый и информативный интерфейс для поиска пакетов, пользователей и организаций, без замены самого реестра.
Это замена npmjs.com или просто надстройка над ним?Это слой интерфейса поверх существующего реестра npm, а не его замена; любой URL npmjs.com работает так же на npmx.dev.
Как начать просматривать пакеты на npmx вместо npmjs.com?Просто замените npmjs.com (или xnpmjs.com) на npmx.dev в любом существующем URL, например npmjs.com/package/nuxt превращается в npmx.dev/package/nuxt; страницы пользователей и организаций работают так же.
Нужно ли что-то устанавливать, чтобы управлять своими пакетами через npmx?Для простого просмотра пакетов ничего не нужно, но функции администрирования — управление своими пакетами, командами и организациями — работают через ваш локальный npm CLI.
Каких функций npmjs.com пока не хватает на npmx?Немногое еще не перенесено: список зависимых проектов помечен как 'скоро', а URL доступа к отдельному пакету и страницы настроек аккаунта пока не поддерживаются.
Что npmx дает такого, чего нет на npmjs.com?Он добавляет сравнение версий (diff), представления changelog и таймлайна, сгенерированную документацию API, расчет размера установки, предупреждения об устаревших зависимостях и смене лицензии, а также инструмент сравнения пакетов — ничего из этого сейчас нет на npmjs.com.
Можно ли сравнить несколько пакетов рядом?Да, в npmx есть функция сравнения, которая сопоставляет пакеты по загрузкам, размеру, зависимостям, типам TypeScript, безопасности и состоянию репозитория.
Интерфейс доступен на языках, кроме английского?Да, интерфейс переведен более чем на 39 локалей, включая языки с письмом справа налево — проект делает большой упор на доступность и интернационализацию.
На чем построен npmx?Это приложение на Nuxt 4, работающее на Nitro, со стилями на UnoCSS, использующее nuxt-og-image и npm Registry API в качестве источника данных.
Creator
npmx-dev
Size
28.4 MB
Stars
3.6K
Age
8mo
Commits · 90 Days