antonioru/beautiful-react-diagrams

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2721 stars · 171 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

beautiful-react-diagrams is a lightweight collection of React components and hooks for building diagrams and flowcharts. It uses controlled components, custom renderers, and CSS variables so diagrams stay in sync with React state and are easy to style.

Use cases

• build flowcharts in a react app
• create node-based diagram editors
• render interactive diagrams with react hooks
• add a lightweight diagramming library to react
• build custom node and port renderers
• keep diagram state in sync with react state

When to choose

• you need a small, dependency-light diagram library that fits React's component model
• you want controlled components and easy custom styling with CSS variables
• you're building simple flowcharts or node diagrams in React

When to avoid

• you need advanced features like auto-layout, zoom/pan canvas, or complex graph algorithms
• you need a battle-tested library with frequent releases and long-term support
• you're not using React

Facets

library · maturity maintenance

ui-components state-management frontend-framework web-development frontend developer-tools data-visualization cross-platform react diagrams flowcharts hooks node-editor controlled-components web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="antonioru/beautiful-react-diagrams")