10 Best React Canvas Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

gsap

GreenSock's GSAP JavaScript animation library (including Draggable).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.9/ 5
26
Top Feedback
9Great Documentation
9Performant
8Easy to Use
GitHub Stars
13K
Weekly Downloads
229K
Last Commit
25d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-canvas

High performance <canvas> rendering for React components

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
5
Top Feedback
N/A
GitHub Stars
13K
Weekly Downloads
214
Last Commit
5yrs ago
Bundle Size (min+gzip)
16.0KB
Not Tree-Shakeable

react-art

A declarative, efficient, and flexible JavaScript library for building user interfaces.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
176K
Weekly Downloads
38K
Last Commit
3d ago
Bundle Size (min+gzip)
35.2KB
Not Tree-Shakeable
rcd

react-canvas-draw

React Component for drawing in canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.0/ 5
1
Top Feedback
1Highly Customizable
GitHub Stars
529
Weekly Downloads
5K
Last Commit
1yr ago
Bundle Size (min+gzip)
7.50KB
Tree-Shakeable

@workday/canvas-kit-react-common

Development kits to implement UI following the Workday Canvas Design System (https://design.workday.com). See our Component Storybook -

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
185
Weekly Downloads
1K
Last Commit
2d ago
Bundle Size (min+gzip)
41.5KB
Tree-Shakeable

react-konva

React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
49K
Last Commit
3mos ago
Bundle Size (min+gzip)
29.5KB
Tree-Shakeable
rfg

react-force-graph

React component for 2D, 3D, VR and AR force directed graphs

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
818
Weekly Downloads
3K
Last Commit
3mos ago
Bundle Size (min+gzip)
586.7KB
Tree-Shakeable
rl

react-lineto

Draw a line between two elements in React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
176
Weekly Downloads
7K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rsc

react-signature-canvas

A React wrapper component around signature_pad (in < 150 LoC). Unopinionated and heavily updated fork of react-signature-pad

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
286
Weekly Downloads
55K
Last Commit
2yrs ago
Bundle Size (min+gzip)
4.70KB
Not Tree-Shakeable

@crello/react-lottie

React wrapper for Airbnb Lottie (lottie-web)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
131
Weekly Downloads
9K
Last Commit
1yr ago
Bundle Size (min+gzip)
65.3KB
Tree-Shakeable
cor

@react-vertex/core

◾ React Vertex | Hooks-based WebGL library for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
0
Last Commit
8mos ago
Bundle Size (min+gzip)
34.7KB
Tree-Shakeable
rcw

react-canvas-wrapper

🖼 React component that wraps a canvas element and offers a clean API for drawing.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
103
Last Commit
1yr ago
Bundle Size (min+gzip)
1.81KB
Tree-Shakeable
rf

react-fabricjs

fabricjs implemented by react

License Icon
License: BSD-2-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
169
Last Commit
N/A
Bundle Size (min+gzip)
208.6KB
Not Tree-Shakeable
rtr

react-three-renderer

Render into a three.js canvas using React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
135
Last Commit
2yrs ago
Bundle Size (min+gzip)
32.1KB
Not Tree-Shakeable
rt

react-three

Construct three.js scenes using React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
N/A
Weekly Downloads
109
Last Commit
N/A
Bundle Size (min+gzip)
33.1KB
Tree-Shakeable
rp

react-pixi

Create/control a Pixi.js canvas using React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
735
Weekly Downloads
46
Last Commit
3yrs ago
Bundle Size (min+gzip)
13.5KB
Not Tree-Shakeable
rpw

react-particles-webgl

🔆 A 2D/3D particle library built on React, Three.js and WebGL

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
376
Weekly Downloads
36
Last Commit
2yrs ago
Bundle Size (min+gzip)
36.8KB
Tree-Shakeable
rcc

react-chart-canvas

react chart canvas base structure

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
33
Last Commit
4yrs ago
Bundle Size (min+gzip)
45.4KB
Not Tree-Shakeable
rcc

react-canvas-component

React Canvas Component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
19
Last Commit
5yrs ago
Bundle Size (min+gzip)
0.80KB
Not Tree-Shakeable

react-planner

✏️ A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
931
Weekly Downloads
12
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.23KB
Tree-Shakeable
kr

konva-react

Using Konva library with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
N/A
Bundle Size (min+gzip)
40.0KB
Not Tree-Shakeable
brc

blacksheep-react-canvas

A canvas conponent for react, with some ease of use functions

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
N/A
Bundle Size (min+gzip)
8.17KB
Not Tree-Shakeable