#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.

#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.

#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.
• @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.
• @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.
• @sentry/webpack-plugin: Provides source map uploads and release management for Sentry.
• @serwist/webpack-plugin: Generates service workers and precache manifests with Serwist.
• @unocss/webpack: Integrates UnoCSS through @unocss/webpack/rspack.
• @vanilla-extract/webpack-plugin: Extracts vanilla-extract styles into CSS files.
• @vue-devtools-rstack/rspack: Integrates Vue DevTools into Rspack applications.
• 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.
• 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.
• 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.
• sonda: Visualizes and analyzes JavaScript and CSS bundles.
• ts-checker-rspack-plugin: Runs TypeScript type checking in a separate process.
• 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.

• @mdx-js/loader: Compiles MDX into JavaScript components.
• @svgr/webpack: Transforms SVG files into React components.
• @tailwindcss/webpack: Compiles Tailwind CSS v4 styles.
• @vue-vine/rspack-loader: Compiles Vue Vine components.
• 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.
• html-loader: Exports HTML as a string and resolves referenced assets.
• imports-loader: Injects imports into modules that depend on specific global variables.
• less-loader: Compiles Less into CSS.
• 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.
• react-compiler-webpack: Integrates React Compiler into the build.
• rspack-vue-loader: Compiles Vue 3 single-file components.
• sass-loader: Compiles Sass and SCSS into CSS.
• source-map-loader: Extracts existing source maps from JavaScript files.
• style-loader: Injects CSS into the DOM.
• stylus-loader: Compiles Stylus into CSS.
• svelte-loader: Compiles Svelte components.
• svg-react-loader: Transforms SVG files into React components.
• svgo-loader: Optimizes SVG files with SVGO.
• 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.