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 / toolCanvas, WebGL, and WebGPU effects that work with live HTML content.
- Good for
- Adding creative graphics to interfaces across supported web frameworks.
Excalidraw
Library / toolAn open-source drawing application with a hand-drawn visual style.
- Good for
- Creating or embedding collaborative sketching and diagramming experiences.
g9
Library / toolA library for creating automatically interactive graphics.
- Good for
- Exploring diagrams whose parameters can be manipulated directly.
JsBarcode
Library / toolA JavaScript barcode generator.
- Good for
- Creating barcode graphics for labels and inventory interfaces.
Konva
Library / toolA canvas framework for interactive two-dimensional graphics.
- Good for
- Building diagrams and editors with draggable canvas objects.
LiteGraph.js
Library / toolA graph editor and execution framework for node-based workflows.
- Good for
- Creating visual programming interfaces and connected processing nodes.
pmndrs Timeline
Library / toolTools for describing composable behavior in three-dimensional scenes.
- Good for
- Coordinating animated 3D interactions through reusable sequences.
tldraw
Library / toolAn SDK and application for interactive drawing canvases.
- Good for
- Building whiteboards and spatial interfaces with editable shapes.
UVCanvas
Library / toolA library of shader-driven canvas effects.
- Good for
- Adding generative visual backgrounds and interactive graphic effects.