diff --git a/README.md b/README.md
index bbae42fb12df86..73651ddcb84ea1 100644
--- a/README.md
+++ b/README.md
@@ -13,8 +13,8 @@
 </p>
 <br/>
 <p align="center">
-  <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vite.svg" alt="npm package"></a>
-  <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>
+  <a href="https://npmx.dev/vite"><img src="https://npmx.dev/api/registry/badge/version/vite?labelColor=555&color=007ec6&label=npmx" alt="npm package"></a>
+  <a href="https://nodejs.org/en/about/previous-releases"><img src="https://npmx.dev/api/registry/badge/engines/vite?labelColor=555&color=4c1" alt="node compatibility"></a>
   <a href="https://github.com/vitejs/vite/actions/workflows/ci.yml"><img src="https://github.com/vitejs/vite/actions/workflows/ci.yml/badge.svg?branch=main" alt="build status"></a>
   <a href="https://chat.vite.dev"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat"></a>
 </p>
diff --git a/packages/create-vite/README.md b/packages/create-vite/README.md
index f59657ad351b06..205ef93c336cff 100644
--- a/packages/create-vite/README.md
+++ b/packages/create-vite/README.md
@@ -1,4 +1,4 @@
-# create-vite <a href="https://npmjs.com/package/create-vite"><img src="https://img.shields.io/npm/v/create-vite" alt="npm package"></a>
+# create-vite <a href="https://npmx.dev/create-vite"><img src="https://npmx.dev/api/registry/badge/version/create-vite" alt="npm package"></a>
 
 ## Scaffolding Your First Vite Project
 
diff --git a/packages/plugin-legacy/README.md b/packages/plugin-legacy/README.md
index 23128df2875d50..e9d965435ef853 100644
--- a/packages/plugin-legacy/README.md
+++ b/packages/plugin-legacy/README.md
@@ -1,4 +1,4 @@
-# @vitejs/plugin-legacy [![npm](https://img.shields.io/npm/v/@vitejs/plugin-legacy.svg)](https://npmjs.com/package/@vitejs/plugin-legacy)
+# @vitejs/plugin-legacy [![npm](https://npmx.dev/api/registry/badge/version/@vitejs/plugin-legacy)](https://npmx.dev/@vitejs/plugin-legacy)
 
 Vite's default browser support baseline is [Native ESM](https://caniuse.com/es6-module), [native ESM dynamic import](https://caniuse.com/es6-module-dynamic-import), and [`import.meta`](https://caniuse.com/mdn-javascript_operators_import_meta). This plugin provides support for legacy browsers that do not support those features when building for production.