# React Sketch Canvas

- Guides
  - [Installation](/react-sketch-canvas/guides/installation): Install react-sketch-canvas and render your first canvas.
  - [Drawing & erasing](/react-sketch-canvas/guides/drawing-and-erasing): Switch between drawing and erasing from your own toolbar.
  - [Direct Canvas usage](/react-sketch-canvas/guides/canvas): Use the low-level Canvas component when you want to own drawing state.
  - [Colors & theming](/react-sketch-canvas/guides/colors-and-theming): Control stroke and canvas color, including dark mode support.
  - [Read-only mode](/react-sketch-canvas/guides/read-only): Display a saved drawing without accepting new input.
  - [History](/react-sketch-canvas/guides/history): Wire undo, redo, clear, and reset into your own toolbar.
  - [Restricting pointer input](/react-sketch-canvas/guides/pointer-input): Limit drawing to a specific pointer device.
  - [Backgrounds](/react-sketch-canvas/guides/backgrounds): Draw on top of an image background.
  - [Exporting & saving](/react-sketch-canvas/guides/exporting): Export drawings as PNG, JPEG, or SVG, or save them as paths to load later.
  - [Layout](/react-sketch-canvas/guides/layout): Place the canvas inside scrolling and transformed containers without coordinate drift.
  - [Sketching time](/react-sketch-canvas/guides/sketching-time): Measure how long a user actively spent drawing.
  - [Performance](/react-sketch-canvas/guides/performance): How react-sketch-canvas scales, and how to keep your app fast.
- API
  - [react-sketch-canvas](/react-sketch-canvas/api)
  - Interfaces
    - [CanvasPath](/react-sketch-canvas/api/interfaces/canvaspath)
    - [CanvasProps](/react-sketch-canvas/api/interfaces/canvasprops)
    - [CanvasRef](/react-sketch-canvas/api/interfaces/canvasref)
    - [ExportImageOptions](/react-sketch-canvas/api/interfaces/exportimageoptions)
    - [Point](/react-sketch-canvas/api/interfaces/point)
    - [ReactSketchCanvasProps](/react-sketch-canvas/api/interfaces/reactsketchcanvasprops)
    - [ReactSketchCanvasRef](/react-sketch-canvas/api/interfaces/reactsketchcanvasref)
  - Type Aliases
    - [AllowOnlyPointerType](/react-sketch-canvas/api/type-aliases/allowonlypointertype)
    - [EraserMode](/react-sketch-canvas/api/type-aliases/erasermode)
    - [ExportImageType](/react-sketch-canvas/api/type-aliases/exportimagetype)
  - Variables
    - [Canvas](/react-sketch-canvas/api/variables/canvas)
    - [ReactSketchCanvas](/react-sketch-canvas/api/variables/reactsketchcanvas)
- [Using with AI assistants](/react-sketch-canvas/agentic-tools): Point Claude, Cursor, Copilot, Codex and other LLM-powered tools at the react-sketch-canvas docs.