Skip to content
forked from npmx-dev/npmx.dev

A fast, modern npm package browser for power users.

License

Notifications You must be signed in to change notification settings

luc122c/npmx.dev

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

npmx.dev

A fast, modern browser for the npm registry.

Screenshot of npmx.dev showing the nuxt package

Vision

The aim of npmx.dev is to provide a better browser for the npm registry – fast, modern, and accessible. We don't aim to replace the npmjs.com registry, just provide a better UI and DX.

  • Speed first – Layout shift, flakiness, slowness is The Worst. Fast searching, filtering, and navigation.
  • URL compatible – Replace npmjs.com with xnpmjs.com or npmx.dev in any URL and it just works.
  • Simplicity – No noise, cluttered display, or confusing UI. If in doubt: choose simplicity.

Features

Package browsing

  • Dark mode by default – easier on the eyes
  • 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 for packages with npm provenance
  • Multi-provider repository support – stars/forks from GitHub, GitLab, Bitbucket, Codeberg, Gitee, and Sourcehut
  • JSR availability – see if scoped packages are also available on JSR
  • Package badges – module format (ESM/CJS/dual), TypeScript types, 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 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, arrow keys to navigate results, Enter to select
  • Claim new packages – register new package names directly from search results (via local connector)

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
Download charts
Playground links
Keyboard navigation
Multi-provider repo support
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 and it works:

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.

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
/@scope/name /@nuxt/kit
/@org /@nuxt
/~username /~sindresorhus

Tech stack

Contributing

I'd welcome contributions – please do feel free to poke around 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
  • 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

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

License

Made with ❤️

Published under MIT License.

About

A fast, modern npm package browser for power users.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 50.5%
  • TypeScript 49.1%
  • JavaScript 0.4%