Skip to main content

draw.io’s diagram editor now drops into React apps

By Steven Van ·

The free, open-source @drawio/react package adds the full draw.io editor to a React app with one component, including Mermaid conversion and PNG/SVG export.

draw.io released a React component for its diagram editor on October 21. You install it with npm as @drawio/react.

Official draw.io for React announcement demo.

With one component, your app can load and save diagrams, let people edit them in place on your page, convert Mermaid diagrams, and export PNG or SVG files.

The package is free and open source.

Sources: draw.io’s announcement and demo, draw.io for React.

Read draw.io’s diagram editor now drops into React apps on Creators Toolbox