#Plugin list

#Plugin system

You can read about the functionality of Rsbuild plugins and how to develop an Rsbuild plugin in the Plugin development documentation.

#Using plugins

Register plugins with the plugins option in Rsbuild config.

With Rsbuild's JavaScript API, register plugins with addPlugins.

#Official plugins

The following are official plugins that can be used in Rsbuild.

#React

Plugins available for the React:

• @rsbuild/plugin-react: Support for React.
• @rsbuild/plugin-styled-components: Provide compile-time support for styled-components.
• @rsbuild/plugin-svgr: Support convert SVG to React components.

#Vue

Plugins available for the Vue:

• @rsbuild/plugin-vue: Support for Vue 3 SFC (Single File Components).
• @rsbuild/plugin-vue-jsx: Support for Vue 3 JSX / TSX syntax.
• @rsbuild/plugin-vue2: Support for Vue 2 SFC (Single File Components).
• @rsbuild/plugin-vue2-jsx: Support for Vue 2 JSX / TSX syntax.

#Preact

Plugins available for the Preact:

• @rsbuild/plugin-preact: Support for Preact.

#Svelte

Plugins available for the Svelte:

• @rsbuild/plugin-svelte: Support for Svelte components (.svelte files).

#Solid

Plugins available for the Solid:

• @rsbuild/plugin-solid: Support for Solid.

#Common

The following are common framework-agnostic plugins:

• @rsbuild/plugin-assets-retry: Used to automatically resend requests when static assets fail to load.
• @rsbuild/plugin-babel: Support for Babel transpilation capabilities.
• @rsbuild/plugin-basic-ssl: Generate an untrusted, self-signed certificate for the HTTPS server.
• @rsbuild/plugin-check-syntax: Check the syntax compatibility of output files and determine if there are any advanced syntaxes that could cause compatibility issues.
• @rsbuild/plugin-css-minimizer: Customize the CSS minimizer, switching to cssnano or other tools for CSS compression.
• @rsbuild/plugin-eslint: Run ESLint checks during the compilation.
• @rsbuild/plugin-image-compress: Compress the image assets.
• @rsbuild/plugin-less: Use Less as the CSS preprocessor.
• @rsbuild/plugin-mdx: Provide support for MDX.
• @rsbuild/plugin-node-polyfill: Used to inject polyfills of Node core modules in the browser side.
• @rsbuild/plugin-pug: Support for the Pug template engine.
• @rsbuild/plugin-rem: Implements the rem adaptive layout for mobile pages.
• @rsbuild/plugin-sass: Use Sass as the CSS preprocessor.
• @rsbuild/plugin-source-build: This plugin is designed for the monorepo scenario. It supports referencing source code from other subdirectories and performs build and hot update.
• @rsbuild/plugin-stylus: Use Stylus as the CSS preprocessor.
• @rsbuild/plugin-tailwindcss: Use Tailwind CSS v4.
• @rsbuild/plugin-toml: Import TOML files and convert them into JavaScript objects.
• @rsbuild/plugin-type-check: Run TypeScript type checker on a separate process.
• @rsbuild/plugin-typed-css-modules: Generate TypeScript declaration file for CSS Modules.
• @rsbuild/plugin-umd: Generate outputs in UMD format.
• @rsbuild/plugin-yaml: Import YAML files and convert them into JavaScript objects.

#Community plugins

Community plugins are grouped by framework or purpose and listed alphabetically by package name within each group. We welcome PRs to add your published plugins to this list!

#React

• @lynx-js/react-rsbuild-plugin: Support for ReactLynx, building Lynx bundles.
• rsbuild-plugin-react-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.
• rsbuild-plugin-react-router: Provides seamless integration with React Router.
• rsbuild-plugin-rsc: React Server Components (RSC) support for Rsbuild.
• rsbuild-react-generate-pages: Generate pages for React app based on the directory structure and react-router-dom configuration.

#Vue

• @mutsuntsai/rsbuild-plugin-vue-ssg: Generate Vue SSG contents and inject those into HTML for Rsbuild.
• @vizejs/rspack-plugin: A high-performance Vue.js toolchain written in Rust.
• @vue-devtools-rstack/rsbuild: Integrates Vue DevTools with Rsbuild, with feature parity with vite-plugin-vue-devtools.
• @vue-vine/rsbuild-plugin: Rsbuild plugin for Vue Vine.
• rsbuild-plugin-unplugin-vue: Integrates unplugin-vue for Vue SFC compilation.
• rsbuild-plugin-vue-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.
• rsbuild-plugin-vue-mcp: Integrates Vue DevTools with MCP to expose Vue component trees, component state, and Pinia stores to AI tools.

#Svelte

• rsbuild-plugin-svelte-inspector: Allows automatic jumping to the local IDE when clicking on a browser element.

#Angular

• @nx/angular-rsbuild: Allows you to build Angular applications easily.

#Lynx

• lynxjs-app-config-plugin: Rsbuild plugin to inject application icons, permissions and minimal app config changes into Android / iOS project folders.
• ngrok-rsbuild-plugin: Expose your Rsbuild dev server over the internet via ngrok — built for use with the LynxJS app.
• relog-rsbuild-plugin: Allows you to intercept console.log() calls from your LynxJS app running on a device or emulator and send them back to the Rsbuild dev server.

#Deployment

• nitro: Add API routes, SSR, and deployment presets through the experimental nitro/rsbuild plugin. Requires Rsbuild v2.3+.
• rsbuild-plugin-aws-lambda: Configure Rsbuild to bundle JavaScript assets for AWS Lambda.
• rsbuild-plugin-cloudflare: An Rsbuild plugin for developing and building Cloudflare Workers, with local execution in workerd.
• zephyr-rsbuild-plugin: An Rsbuild plugin for deploying applications with Zephyr Cloud.

#Common

• @agney/rsbuild-content-collections: An Rsbuild plugin for Content Collections.
• @devjskit/rsbuild-plugin-langs: Extract content from JSON files and merge into a multi-language file.
• @golar-rstack/rsbuild: Runs golar type checking and type-aware linting in a separate process as an Rsbuild plugin.
• @module-federation/rsbuild-plugin: An Rsbuild plugin for integrating Module Federation v2.
• @mpaynesecurity/rsbuild-plugin-fusion: Run server code directly from any Rsbuild supported UI framework.
• @mpaynesecurity/rsbuild-plugin-hydra: Turn any Rsbuild app into a lightweight fullstack framework.
• @octanejs/rsbuild-plugin: Provides routing, SSR, hydration, and production builds for Octane.
• @plugin-cra-proxy/rsbuild: A development proxy plugin for Rsbuild, mimicking Create React App proxy behavior.
• @seed-design/rsbuild-plugin: An Rsbuild plugin for the Seed design system.
• @webx-kit/rsbuild-plugin: Rsbuild plugin for Web eXtension development.
• plugin-sails-content: Rsbuild plugin for Sails Content.
• rsbuild-auto-i18n-plugin: An Rsbuild plugin for automatic translation with support for multiple translation services and custom translators.
• rsbuild-plugin-arco: Rsbuild plugins for Arco Design.
• rsbuild-plugin-arethetypeswrong: Checking TypeScript type definitions with arethetypeswrong.
• rsbuild-plugin-auto-alias: Automatically generate alias based on path.
• rsbuild-plugin-biome: Integrate Biome into the Rsbuild build process.
• rsbuild-plugin-block-imports: Rsbuild plugin to detect and block forbidden imports in Module Federation builds.
• rsbuild-plugin-cdn-import: Import modules from CDN with Rsbuild plugin.
• rsbuild-plugin-compression: Compress the assets using gzip, brotli or zstd.
• rsbuild-plugin-css-optimizer: Customize CSS minification, allowing you to choose between cssnano (JavaScript-based) or Lightning CSS (Rust-based) for high-performance CSS compression.
• rsbuild-plugin-devtools-json: Generating com.chrome.devtools.json on the fly in the dev server.
• rsbuild-plugin-dts: Generate TypeScript declaration files.
• rsbuild-plugin-ejs: Provide support for the EJS template engine.
• rsbuild-plugin-generate-file: Generate static files and write them to the output directory after the build.
• rsbuild-plugin-glsl: Import GLSL shaders as inline strings, with optional compression.
• rsbuild-plugin-google-analytics: Setup Google Analytics in your website.
• rsbuild-plugin-html-minifier-terser: An Rsbuild plugin to use html-minifier-terser to minify the HTML outputs.
• rsbuild-plugin-i18next-extractor: An Rsbuild plugin using i18next-cli to extract i18n translations.
• rsbuild-plugin-iconify: A Rsbuild plugin that automatically generates optimized CSS with embedded SVG icons from Iconify.
• rsbuild-plugin-mcp: Enable an MCP server that provides information about your Rsbuild configuration and module graphs.
• rsbuild-plugin-monaco-editor-nls: An Rsbuild plugin to localize monaco-editor.
• rsbuild-plugin-open-graph: Generate Open Graph meta tags.
• rsbuild-plugin-oxlint: Integrate Oxlint into the Rsbuild build process.
• rsbuild-plugin-print: Print text and display the server URL as a QR code.
• rsbuild-plugin-protobufjs: An Rsbuild plugin that integrates protobufjs.
• rsbuild-plugin-publint: Run publint to lint npm packages after the build.
• rsbuild-plugin-pwa: Zero-config PWA support for Rsbuild.
• rsbuild-plugin-rempa: A Rsbuild plugin designed to collect pages and generate a Multi-Page Application (MPA).
• rsbuild-plugin-rslint: Integrate Rslint into the Rsbuild build process.
• rsbuild-plugin-ssg: Prerender pages at build time with zero-JS by default and Islands Architecture support.
• rsbuild-plugin-start-server: Automatically start and restart a Node.js server after each Rsbuild build, for backend, API and SSR projects.
• rsbuild-plugin-stylelint: Used to run Stylelint checks during the compilation.
• rsbuild-plugin-tailwindcss: An Rsbuild plugin to integrate with Tailwind CSS.
• rsbuild-plugin-virtual-module: Used to create virtual modules with loader API.
• rsbuild-plugin-wasmpack: Compile Rust crates to WebAssembly using wasm-pack.
• rsbuild-plugin-web-ext: A Rsbuild plugin for developing and building browser extensions.
• rsbuild-plugin-web-extension: Rsbuild plugin for Chrome/web extension.
• rsbuild-plugin-workspace-dev: Start monorepo sub-projects in topological order.

You can discover more Rsbuild plugins on npm by searching for the keyword rsbuild-plugin.