Skip to content
React Libraries
On this page

Canvas & interactive graphics

Create drawings, diagrams, shader effects, and three-dimensional interactions.

Choose a library or tool

9 options in this category.

Canvas UI

Library / tool

Canvas, WebGL, and WebGPU effects that work with live HTML content.

Good for
Adding creative graphics to interfaces across supported web frameworks.

Excalidraw

Library / tool

An open-source drawing application with a hand-drawn visual style.

Good for
Creating or embedding collaborative sketching and diagramming experiences.

g9

Library / tool

A library for creating automatically interactive graphics.

Good for
Exploring diagrams whose parameters can be manipulated directly.

JsBarcode

Library / tool

A JavaScript barcode generator.

Good for
Creating barcode graphics for labels and inventory interfaces.

Konva

Library / tool

A canvas framework for interactive two-dimensional graphics.

Good for
Building diagrams and editors with draggable canvas objects.

LiteGraph.js

Library / tool

A graph editor and execution framework for node-based workflows.

Good for
Creating visual programming interfaces and connected processing nodes.

pmndrs Timeline

Library / tool

Tools for describing composable behavior in three-dimensional scenes.

Good for
Coordinating animated 3D interactions through reusable sequences.

tldraw

Library / tool

An SDK and application for interactive drawing canvases.

Good for
Building whiteboards and spatial interfaces with editable shapes.

UVCanvas

Library / tool

A library of shader-driven canvas effects.

Good for
Adding generative visual backgrounds and interactive graphic effects.

Keep exploring

Browse all categories →