Live Demo

    Get started

    @live-demo/rspress

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

    Install

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

    Register

    rspress.config.ts
    // Rspress v1
import { defineConfig } from "rspress/config";
// Rspress v2
import { defineConfig } from "@rspress/core";

import { liveDemoPluginRspress } from "@live-demo/rspress";

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