[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74818":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},74818,"npmx.dev","npmx-dev\u002Fnpmx.dev","npmx-dev","a fast, modern browser for the npm registry","https:\u002F\u002Fnpmx.dev",null,"TypeScript",3399,467,13,249,0,12,30,112,36,30.01,"MIT License",false,"main",[26,27,28],"npm","npmjs","nuxt","2026-06-12 02:03:28","# npmx.dev\n\n> A fast, modern browser for the npm registry.\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fnpmx.dev\u002F\">\n    \u003Cimg width=\"1090\" alt=\"Screenshot of npmx.dev showing the nuxt package\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F1a2a3205-0227-46dc-b1f9-48f9a65691d3\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n- [👉  Check it out](https:\u002F\u002Fnpmx.dev\u002F)\n- [📖  About npmx](https:\u002F\u002Fnpmx.dev\u002Fabout)\n\n## Vision\n\nThe goal of [npmx.dev](https:\u002F\u002Fnpmx.dev) is to build a fast, modern browser for the npm registry.\n\nWe're not replacing the [npm](https:\u002F\u002Fwww.npmjs.com\u002F) registry, but instead providing an elevated developer experience through a fast, modern UI.\n\nWhat npmx offers:\n\n- **Speed** – Fast searching, filtering, and navigation.\n- **Simplicity** – Get the information you need when you need it in an intuitive UI.\n- **URL Compatibility** – Replace `npmjs.com` with `xnpmjs.com` or `npmx.dev` in any URL and it just works.\n- **Enhanced admin experience** – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.\n\n## Shortcuts\n\n- [chat.npmx.dev](https:\u002F\u002Fchat.npmx.dev) - Discord Server\n- [build.npmx.dev](https:\u002F\u002Fbuild.npmx.dev) - Builders Discord Server\n- [social.npmx.dev](https:\u002F\u002Fsocial.npmx.dev) - Bluesky Profile\n- [repo.npmx.dev](https:\u002F\u002Frepo.npmx.dev) - GitHub Repository\n- [issues.npmx.dev](https:\u002F\u002Fissues.npmx.dev) - GitHub Issues\n- [coc.npmx.dev](https:\u002F\u002Fcoc.npmx.dev) - Code of Conduct\n- [contributing.npmx.dev](https:\u002F\u002Fcontributing.npmx.dev) - Contributing Guide\n\n## Features\n\n### Package browsing\n\n- **Dark mode and light mode** – plus customize the color palette to your preferences\n- **Fast search** – quick package search with instant results\n- **Package details** – READMEs, versions, dependencies, and metadata\n- **Code viewer** – browse package source code with syntax highlighting and permalink to specific lines\n- **Provenance indicators** – verified build badges and provenance section below the README\n- **Multi-provider repository support** – stars\u002Fforks from GitHub, GitLab, Bitbucket, Codeberg, Gitee, Sourcehut, Forgejo, Gitea, Radicle, and Tangled\n- **JSR availability** – see if scoped packages are also available on JSR\n- **Package badges** – module format (ESM\u002FCJS\u002Fdual), TypeScript types (with `@types\u002F*` links), and engine constraints\n- **Outdated dependency indicators** – visual cues showing which dependencies are behind\n- **Vulnerability warnings** – security advisories from the OSV database\n- **Download statistics** – weekly download counts with sparkline charts\n- **Install size** – total install size (including transitive dependencies)\n- **Playground links** – quick access to StackBlitz, CodeSandbox, and other demo environments from READMEs\n- **Infinite search** – auto-load additional search pages as you scroll\n- **Keyboard navigation** – press `\u002F` to focus search, `.` to open code viewer, arrow keys to navigate results\n- **Deprecation notices** – clear warnings for deprecated packages and versions\n- **Version range resolution** – dependency ranges (e.g., `^1.0.0`) resolve to actual installed versions\n- **Claim new packages** – register new package names directly from search results (via local connector)\n- **Clickable version tags** – navigate directly to any version from the versions list\n\n### User & org pages\n\n- **User profiles** – view any npm user's public packages at `\u002F~username`\n- **Organization pages** – browse org packages at `\u002F@orgname`\n- **Search, filter & sort** – find packages within user\u002Forg lists\n- **Infinite scroll** – paginated lists that load as you scroll\n\n### Comparison with npmjs.com\n\n| Feature                        | npmjs.com | npmx.dev |\n| ------------------------------ | :-------: | :------: |\n| Package search                 |    ✅     |    ✅    |\n| Package details & README       |    ✅     |    ✅    |\n| Version history                |    ✅     |    ✅    |\n| Dependencies list              |    ✅     |    ✅    |\n| User profiles                  |    ✅     |    ✅    |\n| Organization pages             |    ✅     |    ✅    |\n| Provenance indicators          |    ✅     |    ✅    |\n| Code browser                   |    ✅     |    ✅    |\n| Dark mode                      |    ✅     |    ✅    |\n| Outdated dependency warnings   |    ❌     |    ✅    |\n| Module format badges (ESM\u002FCJS) |    ❌     |    ✅    |\n| TypeScript types indicator     |    ✅     |    ✅    |\n| Install size calculation       |    ❌     |    ✅    |\n| JSR cross-reference            |    ❌     |    ✅    |\n| Vulnerability warnings         |    ✅     |    ✅    |\n| Deprecation notices            |    ✅     |    ✅    |\n| Download charts                |    ✅     |    ✅    |\n| Playground links               |    ❌     |    ✅    |\n| Keyboard navigation            |    ❌     |    ✅    |\n| Multi-provider repo support    |    ❌     |    ✅    |\n| Version range resolution       |    ❌     |    ✅    |\n| Dependents list                |    ✅     |    🚧    |\n| Package admin (access\u002Fowners)  |    ✅     |    🚧    |\n| Org\u002Fteam management            |    ✅     |    🚧    |\n| 2FA\u002Faccount settings           |    ✅     |    ❌    |\n| Claim new package names        |    ✅     |    ✅    |\n\n🚧 = coming soon\n\n## URL structure\n\n### npm compatibility\n\nnpmx.dev supports npm permalinks – just replace `npmjs.com` with `npmx.dev` or `xnpmjs.com` to get the npmx experience:\n\n| npm URL                         | npmx.dev equivalent                                                    |\n| ------------------------------- | ---------------------------------------------------------------------- |\n| `npmjs.com\u002Fpackage\u002Fnuxt`        | [`npmx.dev\u002Fpackage\u002Fnuxt`](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fnuxt)               |\n| `npmjs.com\u002Fpackage\u002F@nuxt\u002Fkit`   | [`npmx.dev\u002Fpackage\u002F@nuxt\u002Fkit`](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002F@nuxt\u002Fkit)     |\n| `npmjs.com\u002Fpackage\u002Fvue\u002Fv\u002F3.4.0` | [`npmx.dev\u002Fpackage\u002Fvue\u002Fv\u002F3.4.0`](https:\u002F\u002Fnpmx.dev\u002Fpackage\u002Fvue\u002Fv\u002F3.4.0) |\n| `npmjs.com\u002Fsearch?q=vue`        | [`npmx.dev\u002Fsearch?q=vue`](https:\u002F\u002Fnpmx.dev\u002Fsearch?q=vue)               |\n| `npmjs.com\u002F~sindresorhus`       | [`npmx.dev\u002F~sindresorhus`](https:\u002F\u002Fnpmx.dev\u002F~sindresorhus)             |\n| `npmjs.com\u002Forg\u002Fnuxt`            | [`npmx.dev\u002Forg\u002Fnuxt`](https:\u002F\u002Fnpmx.dev\u002Forg\u002Fnuxt)                       |\n\n> [!TIP]\n> Want automatic redirects? Try the [npmx-redirect extension](https:\u002F\u002Fgithub.com\u002Fiaverages\u002Fnpmx-redirect) for [Chrome](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Flbhjgfgpnlihfmobnohoipeljollhlnb) \u002F [Firefox](https:\u002F\u002Faddons.mozilla.org\u002Fen-GB\u002Ffirefox\u002Faddon\u002Fnpmx-redirect\u002F).\n\n#### Not yet supported\n\n- `\u002Fpackage\u002F\u003Cname>\u002Faccess` – package access settings\n- `\u002Fpackage\u002F\u003Cname>\u002Fdependents` – dependent packages list\n- `\u002Fsettings\u002F*` – account settings pages\n\n### Simpler URLs\n\nnpmx.dev also supports shorter, cleaner URLs:\n\n| Pattern            | Example                                            |\n| ------------------ | -------------------------------------------------- |\n| `\u002F\u003Cpackage>`       | [`\u002Fnuxt`](https:\u002F\u002Fnpmx.dev\u002Fnuxt)                   |\n| `\u002F\u003Cpkg>@\u003Cversion>` | [`\u002Fvue@3.4.0`](https:\u002F\u002Fnpmx.dev\u002Fvue@3.4.0)         |\n| `\u002F@scope\u002Fname`     | [`\u002F@nuxt\u002Fkit`](https:\u002F\u002Fnpmx.dev\u002F@nuxt\u002Fkit)         |\n| `\u002F@org`            | [`\u002F@nuxt`](https:\u002F\u002Fnpmx.dev\u002F@nuxt)                 |\n| `\u002F~username`       | [`\u002F~sindresorhus`](https:\u002F\u002Fnpmx.dev\u002F~sindresorhus) |\n\n## Tech stack\n\n- [Nuxt 4](https:\u002F\u002Fnuxt.com\u002F)\n- [Nitro](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fconcepts\u002Fserver-engine)\n- [UnoCSS](https:\u002F\u002Funocss.dev\u002F)\n- [nuxt-og-image](https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fog-image)\n- [npm Registry API](https:\u002F\u002Fgithub.com\u002Fnpm\u002Fregistry\u002Fblob\u002Fmain\u002Fdocs\u002FREGISTRY-API.md)\n\n## Contributing\n\nWe welcome contributions – please do feel free to explore the project and improve things. See [CONTRIBUTING.md](.\u002FCONTRIBUTING.md) for guidelines on how to get up and running!\n\n## Related projects\n\n- [npmx-redirect](https:\u002F\u002Fgithub.com\u002Fiaverages\u002Fnpmx-redirect) – Browser extension that automatically redirects npmjs.com URLs to npmx.dev.\n- [JSR](https:\u002F\u002Fjsr.io\u002F) – The open-source package registry for modern JavaScript and TypeScript\n- [npm-userscript](https:\u002F\u002Fgithub.com\u002Fbluwy\u002Fnpm-userscript) – Browser userscript with various improvements and fixes for npmjs.com\n- [npm-alt](https:\u002F\u002Fnpm.willow.sh\u002F) – An alternative npm package browser\n- [npkg.lorypelli.dev](https:\u002F\u002Fnpkg.lorypelli.dev\u002F) – An alternative frontend to npm made with as little client-side JavaScript as possible\n- [vscode-npmx](https:\u002F\u002Fgithub.com\u002Fnpmx-dev\u002Fvscode-npmx) – Official VSCode extension for npmx\n- [vscode-open-in-npmx](https:\u002F\u002Fgithub.com\u002Fsybers\u002Fvscode-open-in-npmx) – VSCode shortcut to open packages on npmx\n- [nxjt](https:\u002F\u002Fnxjt.netlify.app) – npmx Jump To: Quickly navigate to npmx common webpages.\n- [npmx-weekly](https:\u002F\u002Fnpmx-weekly.trueberryless.org\u002F) – A weekly newsletter for the npmx ecosystem. Add your own content via suggestions in the weekly PR on [GitHub](https:\u002F\u002Fgithub.com\u002Ftrueberryless-org\u002Fnpmx-weekly\u002Fpulls?q=is%3Aopen+is%3Apr+label%3A%22%F0%9F%95%94+weekly+post%22).\n- [npmx-digest](https:\u002F\u002Fnpmx-digest.trueberryless.org\u002F) – An automated news aggregation website that summarizes npmx activity from GitHub and Bluesky every 8 hours.\n- [npmx-badge](https:\u002F\u002Fnpmx-badge.vercel.app\u002F) – A playground to help you create custom badges quickly.\n\nIf you're building something cool, let us know! 🙏\n\n## License\n\nMade with ❤️\n\nPublished under [MIT License](.\u002FLICENSE).\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#npmx-dev\u002Fnpmx.dev&type=date&legend=top-left\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=npmx-dev\u002Fnpmx.dev&type=date&theme=dark&legend=top-left\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=npmx-dev\u002Fnpmx.dev&type=date&legend=top-left\" \u002F>\n   \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=npmx-dev\u002Fnpmx.dev&type=date&legend=top-left\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n","npmx.dev 是一个为 npm 注册表设计的快速、现代化浏览器。该项目采用 TypeScript 构建，提供极速搜索与过滤功能，以及直观简洁的用户界面。其核心特点包括多模式浏览（如暗黑和亮色模式）、代码高亮显示、依赖版本过期提示及安全漏洞警告等。npmx.dev 还支持通过 URL 兼容性直接替换 `npmjs.com` 为 `xnpmjs.com` 或 `npmx.dev` 来访问相同内容，并且增强了对包管理、团队协作的支持。此工具非常适合需要高效查找和管理 npm 包的开发者使用，在日常开发或维护开源项目时能够极大提升工作效率。",2,"2026-06-11 03:50:59","high_star"]