Installation

Add VisualFlow and React Flow to a React 18+ project with npm, pnpm, yarn or bun.

Version v1 · Updated Oct 31, 2026

Requirements

VisualFlow supports React 18 and 19 and works with Vite, Next.js, Remix and TanStack Start.

Install with your package manager of choice.

bash

npm install @xyflow/react
# or
pnpm add @xyflow/react
# or
bun add @xyflow/react

Import the base stylesheet once, usually in your root layout.

import "@xyflow/react/dist/style.css";