#Ecosystem

#Rstack

Rspack is part of Rstack, the fast, unified JavaScript toolchain for developers and agents.

#Rsbuild

Build tool

Rsbuild is a high-performance build tool powered by Rspack. It provides a set of thoughtfully designed default build configs, offering an out-of-the-box development experience and can fully unleash the performance advantages of Rspack.

#Rslib

Library development tool

Rslib is a library development tool based on Rsbuild, which reuses the carefully designed build configuration and plugin system of Rsbuild. It allows developers to create JavaScript libraries in a simple and intuitive way.

#Rspress

Static site generator React

Rspress is a static site generator based on Rsbuild, React and MDX. It comes with a default documentation theme, and you can quickly build a documentation site with Rspress. You can also customize the theme to meet your personalized static site needs, such as blog sites, product homepages, etc.

#Rsdoctor

Build analyzer

Rsdoctor is a build analyzer that can visually display the build process, such as compilation time, code changes before and after compilation, module reference relationships, duplicate modules, etc.

#Rstest

Testing framework

Rstest is a testing framework powered by Rspack. It delivers comprehensive, first-class support for the Rspack ecosystem, enabling seamless integration into existing Rspack-based projects.

#Rslint

Linter

Rslint is a high-performance JavaScript and TypeScript linter based on typescript-go. It offers strong compatibility with the ESLint and TypeScript-ESLint ecosystem, allowing for seamless replacement, and provides lightning-fast linting speeds.

#Rstack CLI

Unified CLI

Rstack CLI brings the Rstack toolchain together through a unified command-line interface and configuration. It provides a consistent workflow for building applications, libraries, and documentation, running tests, linting, and formatting.

#Community integrations

#Angular Rspack

Build tool Angular

Angular Rspack is a set of plugins and tools to make it easy and straightforward to build Angular applications with Rspack and Rsbuild.

#Docusaurus

Static site generator React

Docusaurus is a static site generator for building, deploying, and maintaining open source project websites easily.

Docusaurus supports Rspack as the bundler since v3.6, see Docusaurus Faster for details.

#Extension.js

Build tool Browser extensions

Extension.js is a framework for creating, developing and building browser extensions for Chrome, Edge, Firefox and Safari from a single codebase.

Extension.js builds with Rspack and resolves the entry points declared in manifest.json into the Rspack entry graph.

#Modern.js

Web framework React

Modern.js is a Rsbuild-based progressive React framework that supports nested routes, SSR, and provides out-of-the-box CSS solutions such as styled components and Tailwind CSS.

#Meteor

Web framework

Meteor is a full-stack JavaScript platform for developing modern web and mobile applications.

Meteor 3.4 provides an Rspack integration with faster builds and smaller bundles.

#NestJS

Node.js framework

NestJS is a TypeScript framework for building scalable server-side applications on Node.js.

Starting with NestJS 12, the Nest CLI uses Rspack as the default bundler for monorepos. See the NestJS 12 announcement for details.

#Next.js

Web framework React

Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Rspack team and Next.js team have partnered to provide the next-rspack plugin. This plugin allows you to use Rspack as the bundler for Next.js, see Next.js guide for details.

#Nitro

Server framework

Nitro is a server framework for building applications that deploy to Node.js, Bun, Deno, serverless platforms, and edge runtimes.

Nitro supports using Rspack to bundle the server through builder: 'rspack'. Its Rsbuild plugin adds API routes, SSR, and WebSockets to Rsbuild applications.

#Nuxt

Web framework Vue

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Nuxt v3.14 introduces a new first-class Nuxt builder for Rspack, see Nuxt 3.14 for details.

#Nx

Build system Monorepo

Nx is a powerful open-source build system that provides tools and techniques for enhancing developer productivity, optimizing CI performance, and maintaining code quality.

Rspack team and Nx team have collaborated to provide the Rspack Nx plugin. This plugin contains executors, generators, and utilities for managing Rspack projects in an Nx Workspace.

#Rspeedy

Build tool Lynx

Rspeedy is an Rspack-based build tool designed specifically for Lynx applications. Lynx is a family of technologies empowering developers to use their existing web skills to create truly native UIs for both mobile and web from a single codebase.

#Re.Pack

Build tool React Native

Re.Pack is a build tool for building your React Native application.

Re.Pack v5 uses Rspack and React Native community CLI's plugin system to allow you to bundle your application using Rspack and easily switch from Metro.

#Remotion

Video framework React

Remotion is a React-based framework for creating videos programmatically.

The @remotion/bundler package can use Rspack to bundle Remotion projects.

#Shakapacker

Build tool Rails

Shakapacker handles compiling rails frontend assets. See Rspack setup Docs

#Storybook

UI development

Storybook Rsbuild allows you to use Rsbuild as the build tool for Storybook, and provides UI framework integrations like React and Vue.

#TanStack Router

Router React

TanStack Router is a type-safe router for building React applications with features like nested routes, route-level data loading, and search params APIs.

You can integrate TanStack Router with Rspack through the Rspack plugin.

#TanStack Start

Web framework React Solid

TanStack Start is a full-stack framework powered by TanStack Router for React and Solid.

TanStack Start provides official support for Rsbuild, allowing you to use Rsbuild to build full-stack web applications. See TanStack Start Adds First-Class Rsbuild Support for details.

#Community plugins

The following community plugins work with Rspack. See the plugin guide to learn how to use them.

Plugins are listed alphabetically by package name. We welcome PRs to add your published plugins to this list.

• @aaroon/workbox-rspack-plugin: Integrates Workbox to generate service workers and precache manifests.
• @datadog/rspack-plugin: Integrates Datadog into the build process.
• @douyinfe/semi-rspack-plugin: Customizes Semi Design themes and CSS class prefixes.
• @fluentui/react-icons-font-subsetting-webpack-plugin: Subsets Fluent UI icon fonts to include only the glyphs used by the application.
• @golar-rstack/rspack: Runs golar type checking and type-aware linting in a separate process.
• @heyq02/rspack-plugin-git-revision: Generates version, commit hash, branch, and commit time metadata from Git.
• @kirana-style/webpack: Compiles Kirana styles into atomic CSS.
• @lunora/rspack: Integrates the Lunora backend framework for Cloudflare Workers. Currently available as @lunora/rspack@alpha.
• @module-federation/enhanced: Provides enhanced Module Federation features.
• @octanejs/rspack-plugin: Compiles Octane TSRX source files.
• @rsdoctor/rspack-plugin: Analyzes the build process and output with Rsdoctor.
• @rspack/plugin-preact-refresh: Enables Preact Refresh.
• @rspack/plugin-react-refresh: Enables React Fast Refresh.
• @scalprum/remote-types: Fetches remote Module Federation types during the build.
• @sentry/webpack-plugin: Provides source map uploads and release management for Sentry.
• @serwist/webpack-plugin: Generates service workers and precache manifests with Serwist.
• @statoscope/webpack-plugin: Generates interactive reports for analyzing build statistics.
• @stillwind/integration: Integrates Stillwind's on-demand CSS generation.
• @stylexswc/rspack-plugin: Compiles StyleX with SWC and extracts CSS.
• @unocss/webpack: Integrates UnoCSS.
• @vanilla-extract/webpack-plugin: Extracts vanilla-extract styles into CSS files.
• @vizejs/rspack-plugin: Compiles Vue single-file components with Vize.
• @vue-devtools-rstack/rspack: Integrates Vue DevTools into Rspack applications.
• add-charset-webpack-plugin: Adds charset declarations to generated CSS files.
• beasties-webpack-plugin: Inlines critical CSS and lazy-loads the remaining styles.
• bundle-stats-webpack-plugin: Analyzes bundle sizes, assets, modules, and packages, and compares builds.
• carbon-preprocess-svelte: Optimizes Carbon Svelte components and removes unused CSS.
• case-sensitive-paths-webpack-plugin: Checks the case of imported file paths.
• clean-webpack-plugin: Removes files from the build output directory.
• code-inspector-plugin: Opens an element's source code in the editor when you click it on the page.
• compression-rspack-plugin: Compresses assets in parallel with a Rust implementation.
• compression-webpack-plugin: Generates compressed versions of assets.
• csp-rspack-plugin: Generates Content Security Policy directives for HTML files.
• css-minimizer-webpack-plugin: Minifies CSS with cssnano.
• dotenv-webpack: Loads environment variables from .env files.
• eslint-rspack-plugin: Runs ESLint checks during compilation.
• html-rspack-plugin: Generates HTML files for Rspack bundles.
• ide-byebye: Sends an element's source location and your instructions to AI coding agents.
• inject-manifest-plugin: Injects a Workbox precache manifest into a service worker.
• node-polyfill-webpack-plugin: Provides polyfills for Node.js core modules.
• oxc-webpack-plugin: Minifies JavaScript assets with Oxc.
• prosebook: Compiles translation catalogs and removes unused messages.
• purgecss-webpack-plugin: Removes unused CSS from build assets.
• react-cosmos-plugin-rspack: Builds and runs React Cosmos with Rspack.
• rspack-manifest-plugin: Generates an asset manifest.
• rspack-plugin-cli-copy: Copies the development server's network URL to the clipboard.
• rspack-plugin-mock: Adds API mocking to the development server.
• rspack-plugin-retry-chunk-load: Retries loading chunks after a failed request.
• rspack-plugin-solid-svg: Transforms SVG files into Solid components.
• rspack-plugin-svg-sprite: Combines SVG files into sprites.
• rspack-plugin-virtual-module: Creates virtual modules.
• rspack-s3-plugin: Uploads build assets to Amazon S3.
• rspack-unocss-plugin: Integrates UnoCSS with virtual CSS modules and native CSS processing.
• rtlcss-rspack-plugin: Generates CSS for right-to-left layouts.
• sonda: Visualizes and analyzes JavaScript and CSS bundles.
• ts-checker-rspack-plugin: Runs TypeScript type checking in a separate process.
• typia-rspack-plugin: Integrates Typia to generate runtime type validation code.
• weapp-tailwindcss: Adapts Tailwind CSS for mini-programs.
• webpack-bundle-analyzer: Visualizes bundle sizes with an interactive treemap.
• webpackbar: Displays build progress and profiling information.
• zephyr-rspack-plugin: Deploys applications to Zephyr Cloud.

#Community loaders

The following community loaders work with Rspack. See the Loader guide to learn how to use them.

Loaders are listed alphabetically by package name. We welcome PRs to add your published loaders to this list.

• @alienfast/i18next-loader: Collects translation resources for i18next.
• @discord/rspack-intl-loader: Compiles Discord internationalization messages and generates translation chunks.
• @graphql-tools/webpack-loader: Compiles GraphQL documents into abstract syntax trees.
• @jsdevtools/coverage-istanbul-loader: Instruments JavaScript for Istanbul code coverage.
• @lingui/loader: Compiles Lingui translation catalogs.
• @locator/webpack-loader: Adds component source location information for LocatorJS.
• @mdx-js/loader: Compiles MDX into JavaScript components.
• @sucrase/webpack-loader: Transpiles TypeScript, JSX, and JavaScript with Sucrase.
• @svgr/webpack: Transforms SVG files into React components.
• @tailwindcss/webpack: Compiles Tailwind CSS v4 styles.
• @teamsupercell/typings-for-css-modules-loader: Generates TypeScript declarations for CSS Modules.
• @vercel/webpack-asset-relocator-loader: Relocates assets referenced by Node.js modules and rewrites their paths.
• @vue-vine/rspack-loader: Compiles Vue Vine components.
• @webdiscus/pug-loader: Compiles Pug templates with support for template data.
• @wyw-in-js/webpack-loader: Extracts CSS-in-JS styles at build time.
• arraybuffer-loader: Imports binary files as ArrayBuffer objects.
• babel-loader: Transpiles JavaScript with Babel.
• coffee-loader: Compiles CoffeeScript into JavaScript.
• css-loader: Resolves CSS imports and asset URLs, and exports CSS as JavaScript modules.
• css-modules-typescript-loader: Generates TypeScript declarations for CSS Modules.
• csv-loader: Parses CSV files into JavaScript data.
• ejs-compiled-loader: Precompiles EJS templates.
• esbuild-loader: Transpiles JavaScript, TypeScript, and JSX with esbuild.
• frontmatter-markdown-loader: Extracts front matter and renders Markdown content.
• glob-import-loader: Expands glob patterns in imports.
• glslify-loader: Preprocesses GLSL modules and their dependencies.
• graphql-tag/loader: Compiles GraphQL queries and fragments into abstract syntax trees.
• handlebars-loader: Precompiles Handlebars templates.
• html-loader: Exports HTML as a string and resolves referenced assets.
• ifdef-loader: Includes or removes code based on compile-time conditions.
• import-glob-loader: Expands glob patterns in JavaScript, CSS, and Sass imports.
• imports-loader: Injects imports into modules that depend on specific global variables.
• isomorphic-style-loader: Collects and injects styles for server-side rendering.
• less-loader: Compiles Less into CSS.
• magic-comments-loader: Adds magic comments to dynamic imports.
• markdown-loader: Converts Markdown into HTML.
• nearley-loader: Compiles Nearley grammars into parser definitions.
• node-loader: Loads native Node.js addons with the .node extension.
• oxc-webpack-loader: Transforms JavaScript and TypeScript with Oxc.
• postcss-loader: Processes CSS with PostCSS plugins.
• pug-plain-loader: Compiles Pug templates into HTML.
• rails-erb-loader: Processes ERB templates with Ruby at build time.
• react-compiler-webpack: Integrates React Compiler into the build.
• react-svg-loader: Transforms SVG files into React components.
• resolve-url-loader: Uses source maps to resolve relative asset paths in Sass files.
• responsive-loader: Generates images at multiple sizes and exports srcSet metadata.
• restrict-imports-loader: Checks for restricted imports.
• rspack-vue-loader: Compiles Vue 3 single-file components.
• sass-loader: Compiles Sass and SCSS into CSS.
• sass-resources-loader: Injects shared Sass variables and mixins.
• shader-loader: Loads GLSL shaders and combines shader chunks.
• source-map-loader: Extracts existing source maps from JavaScript files.
• string-replace-loader: Replaces strings in source files.
• style-loader: Injects CSS into the DOM.
• style-resources-loader: Injects shared style variables and mixins.
• stylus-loader: Compiles Stylus into CSS.
• svelte-loader: Compiles Svelte components.
• svg-react-loader: Transforms SVG files into React components.
• svg-url-loader: Encodes SVG files as optimized data URLs.
• svgo-loader: Optimizes SVG files with SVGO.
• to-string-loader: Converts the output of other loaders into strings.
• underscore-template-loader: Precompiles Underscore templates.
• vue-docgen-loader: Adds documentation metadata to Vue components.
• vue-svg-inline-loader: Inlines SVG images in Vue templates.
• webfonts-loader: Generates fonts and CSS from SVG icons.
• webpack-graphql-loader: Loads GraphQL queries with support for validation and fragments.
• webpack-import-glob-loader: Expands glob imports and collects matching modules.
• wext-manifest-loader: Generates browser-specific extension manifests.
• worker-rspack-loader: Bundles scripts for use as Web Workers.
• yaml-loader: Imports YAML files as JavaScript objects.

#More

Visit awesome-rstack to discover more projects within the Rspack ecosystem.