https://github.com/npmx-dev/npmx.dev
a fast, modern browser for the npm registry
https://github.com/npmx-dev/npmx.dev
npm npmjs nuxt
Last synced: 9 days ago
JSON representation
a fast, modern browser for the npm registry
- Host: GitHub
- URL: https://github.com/npmx-dev/npmx.dev
- Owner: npmx-dev
- License: mit
- Created: 2026-01-22T16:00:54.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2026-02-09T16:46:52.000Z (about 1 month ago)
- Last Synced: 2026-02-09T17:36:59.436Z (about 1 month ago)
- Topics: npm, npmjs, nuxt
- Language: TypeScript
- Homepage: https://npmx.dev
- Size: 4.64 MB
- Stars: 1,669
- Watchers: 4
- Forks: 231
- Open Issues: 198
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
- Governance: GOVERNANCE.md
Awesome Lists containing this project
- awesome - npmx-dev/npmx.dev - a fast, modern browser for the npm registry (TypeScript)
README
# npmx.dev
> A fast, modern browser for the npm registry.
- [👉 Check it out](https://npmx.dev/)
- [📖 About npmx](https://npmx.dev/about)
## Vision
The goal of [npmx.dev](https://npmx.dev) is to build a fast, modern browser for the npm registry.
We're not replacing the [npm](https://www.npmjs.com/) 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.
- **Enhanced admin experience** – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.
## Shortcuts
- [chat.npmx.dev](https://chat.npmx.dev) - Discord Server
- [build.npmx.dev](https://build.npmx.dev) - Builders Discord Server
- [social.npmx.dev](https://social.npmx.dev) - Bluesky Profile
- [repo.npmx.dev](https://repo.npmx.dev) - GitHub Repository
- [issues.npmx.dev](https://issues.npmx.dev) - GitHub Issues
- [coc.npmx.dev](https://coc.npmx.dev) - Code of Conduct
- [contributing.npmx.dev](https://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 `@types/*` 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., `^1.0.0`) 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 `/~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 | ✅ | ✅ |
| 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 `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`](https://npmx.dev/package/nuxt) |
| `npmjs.com/package/@nuxt/kit` | [`npmx.dev/package/@nuxt/kit`](https://npmx.dev/package/@nuxt/kit) |
| `npmjs.com/package/vue/v/3.4.0` | [`npmx.dev/package/vue/v/3.4.0`](https://npmx.dev/package/vue/v/3.4.0) |
| `npmjs.com/search?q=vue` | [`npmx.dev/search?q=vue`](https://npmx.dev/search?q=vue) |
| `npmjs.com/~sindresorhus` | [`npmx.dev/~sindresorhus`](https://npmx.dev/~sindresorhus) |
| `npmjs.com/org/nuxt` | [`npmx.dev/org/nuxt`](https://npmx.dev/org/nuxt) |
> [!TIP]
> Want automatic redirects? Try the [npmx-replace browser extension](https://github.com/tylersayshi/npmx-replace-extension) (Chrome only for now) or the separate [npmx-redirect extension](https://github.com/iaverages/npmx-redirect) for [Chrome](https://chromewebstore.google.com/detail/lbhjgfgpnlihfmobnohoipeljollhlnb) / [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/npmx-redirect/).
#### Not yet supported
- `/package//access` – package access settings
- `/package//dependents` – dependent packages list
- `/settings/*` – account settings pages
### Simpler URLs
npmx.dev also supports shorter, cleaner URLs:
| Pattern | Example |
| ------------------ | -------------------------------------------------- |
| `/` | [`/nuxt`](https://npmx.dev/nuxt) |
| `/@` | [`/vue@3.4.0`](https://npmx.dev/vue@3.4.0) |
| `/@scope/name` | [`/@nuxt/kit`](https://npmx.dev/@nuxt/kit) |
| `/@org` | [`/@nuxt`](https://npmx.dev/@nuxt) |
| `/~username` | [`/~sindresorhus`](https://npmx.dev/~sindresorhus) |
## Tech stack
- [Nuxt 4](https://nuxt.com/)
- [Nitro](https://nuxt.com/docs/guide/concepts/server-engine)
- [UnoCSS](https://unocss.dev/)
- [nuxt-og-image](https://github.com/nuxt-modules/og-image)
- [npm Registry API](https://github.com/npm/registry/blob/main/docs/REGISTRY-API.md)
## Contributing
We welcome contributions – please do feel free to explore the project and improve things. See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on how to get up and running!
## Related projects
- [npmx-replace-extension](https://github.com/tylersayshi/npmx-replace-extension) – Browser extension to redirect npmjs.com to npmx.dev (Chrome only for now)
- [JSR](https://jsr.io/) – The open-source package registry for modern JavaScript and TypeScript
- [npm-userscript](https://github.com/bluwy/npm-userscript) – Browser userscript with various improvements and fixes for npmjs.com
- [npm-alt](https://npm.willow.sh/) – An alternative npm package browser
- [npkg.lorypelli.dev](https://npkg.lorypelli.dev/) – An alternative frontend to npm made with as little client-side JavaScript as possible
- [vscode-npmx](https://github.com/npmx-dev/vscode-npmx) – Official VSCode extension for npmx
- [vscode-open-in-npmx](https://github.com/sybers/vscode-open-in-npmx) – VSCode shortcut to open packages on npmx
- [nxjt](https://nxjt.netlify.app) – npmx Jump To: Quickly navigate to npmx common webpages.
- [npmx-weekly](https://npmx-weekly.trueberryless.org/) – A weekly newsletter for the npmx ecosystem. Add your own content via suggestions in the weekly PR on [GitHub](https://github.com/trueberryless-org/npmx-weekly/pulls?q=is%3Aopen+is%3Apr+label%3A%22%F0%9F%95%94+weekly+post%22).
- [npmx-digest](https://npmx-digest.trueberryless.org/) – An automated news aggregation website that summarizes npmx activity from GitHub and Bluesky every 8 hours.
- [npmx-redirect](https://github.com/iaverages/npmx-redirect) – Browser extension that automatically redirects npmjs.com URLs to npmx.dev.
If you're building something cool, let us know! 🙏
## License
Made with ❤️
Published under [MIT License](./LICENSE).
## Star History
