Velt

Product

Use Cases

Enterprise

Self Hosting

Compliance Tools

Advanced Encryption

Access Controls

Security

Support

Resources

Pricing

Read Docs

Book Demo

Velt

Collaboration Toolkit for React Flow

Add comments, notifications, cursors, and multiplayer editing to React Flow in minutes

View Docs

Start Free

React Flow

Try DEmo

Not just a picture,

Click to try

Github

React Flow

Try DEmo

Not just a picture,

Click to try

Github

Used by modern SaaS teams building

workflow and diagramming tools

Used by modern SaaS teams building

workflow and diagramming tools

Built for React Flow

Deeply embedded in React Flow and works reliably as nodes, edges, and layouts change

View Docs

View Examples

No Custom Logic Required

Built for React Flow

Deeply embedded in React Flow and works reliably as nodes, edges, and layouts change

View Docs

View Examples

No Custom Logic Required

Multiplayer Editing

Co-edit documents in real-time

and see who is working with you

Comment on Nodes and Edges

Co-edit documents in real-time

and see who is working with you

Real-time Presence and Cursors

View other users on your document

User Mentions

Enable rich conversations with replies, @mentions, and reactions

Notification

See what changes have been made

to a shared document with timestamps

Version History

Manage multiple versions to manage historical data

Undo / Redo

Easily traverse between your actions

Offline Storage

Keep working when the connection drops. Data will sync when you reconnect

Ethan Veres

CTO @eqtble

Commenting is something we wanted in our app, Velt made it possible

Multiplayer Editing

Co-edit documents in real-time

and see who is working with you

Comment on

Nodes and Edges

Co-edit documents in real-time

and see who is working with you

Real-time Presence and Cursors

View other users on your document

User Mentions

Enable rich conversations with replies, @mentions, and reactions

Notification

See what changes have been made

to a shared document with timestamps

Version History

Manage multiple versions to manage historical data

Undo / Redo

Easily traverse between your actions

Offline Storage

Keep working when the connection drops. Data will sync when you reconnect

Ethan Veres

CTO @eqtble

Commenting is something we wanted in our app, Velt made it possible

Production-ready in minutes

Install the Velt React Flow extension. Test. Ship.

View Docs

Get Free API Key

Production-ready in minutes

Install the Velt React Flow extension. Test. Ship.

View Docs

Get Free API Key

const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useVeltReactFlowCrdtExtension({
  editorId: 'YOUR_EDITOR_ID',
  initialNodes: [{ id: '1', data: { label: 'Start' }, position: { x: 0, y: 0 } }],
  initialEdges: []
});

return (
  <ReactFlow
    nodes={nodes}
    edges={edges}
    onNodesChange={onNodesChange}
    onEdgesChange={onEdgesChange}
    onConnect={onConnect}
    fitView
  >
    <Background />
  </ReactFlow>
);