Get started

@live-demo/plugin-rspress

This plugin turns MDX code blocks and external files into interactive playgrounds with code editor and live preview updates. Try editing code below:

Installation

npm
yarn
pnpm
bun
npm install @live-demo/plugin-rspress -D

Register

rspress.config.ts
import { defineConfig } from "rspress/config";
import { liveDemoPluginRspress } from "@live-demo/plugin-rspress";

export default defineConfig({
  plugins: [liveDemoPluginRspress()]
})