Skip to content

Compatibility Badges

Vite Plugin Registry supports generating compatibility badges for your plugin in README files, documentation, or anywhere that supports images. These badges dynamically show which versions of Vite, Rollup, or Rolldown your plugin supports.

Overview

The Vite Plugin Registry provides badge endpoints powered by shields.io that display real-time compatibility information for any registered plugin.

Example badge:

Vite compatibility

Usage

Add a badge to your README using standard Markdown image syntax:

markdown
![Vite compatibility](https://registry.vite.dev/api/badges?package=@vitejs/plugin-vue&tool=vite)

URL Format

https://registry.vite.dev/api/badges?package=<package-name>&tool=<tool>

Parameters:

ParameterDescriptionValues
packageThe npm package namee.g. @vitejs/plugin-vue, vite-plugin-pwa
toolThe tool to show compatibility forvite, rollup, rolldown

Examples

Vite compatibility:

markdown
![Vite compatibility](https://registry.vite.dev/api/badges?package=@vitejs/plugin-vue&tool=vite)

Vite compatibility

Rollup compatibility:

markdown
![Rollup compatibility](https://registry.vite.dev/api/badges?package=@rollup/plugin-node-resolve&tool=rollup)

Rollup compatibility

Rolldown compatibility:

markdown
![Rolldown compatibility](https://registry.vite.dev/api/badges?package=vite-plugin-inspect&tool=rolldown)

Rolldown compatibility

Badge Generator

Use this tool to generate the badge markdown for your plugin:

vite compatibility badge
![Vite compatibility](https://registry.vite.dev/api/badges?package=%40vitejs%2Fplugin-vue&tool=vite)