10 Best React WebGL Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

kepler.gl

Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
2
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
4K
Last Commit
17d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

react-map-gl

React friendly API wrapper around MapboxGL JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
4
Top Feedback
2Easy to Use
2Performant
2Poor Documentation
GitHub Stars
6K
Weekly Downloads
148K
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

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
rmg

react-mapbox-gl

A React binding of mapbox-gl-js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
3Great Documentation
1Easy to Use
1Unwelcoming Community
GitHub Stars
2K
Weekly Downloads
39K
Last Commit
1yr ago
Bundle Size (min+gzip)
15.5KB
Tree-Shakeable
rb

react-babylonjs

React for Babylon 3D engine

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
387
Weekly Downloads
848
Last Commit
14d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rur

react-unity-renderer

React Unity Renderer allows to interactively embed Unity WebGL builds into a React powered project.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
3
Top Feedback
1Highly Customizable
1Bleeding Edge
1Responsive Maintainers
GitHub Stars
5
Weekly Downloads
1
Last Commit
19d ago
Bundle Size (min+gzip)
2.49KB
Not Tree-Shakeable
rv

react-vfx

WebGL effects for React elements

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
315
Weekly Downloads
41
Last Commit
1mo ago
Bundle Size (min+gzip)
157.8KB
Not Tree-Shakeable

@deck.gl/react

WebGL2 powered visualization framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9K
Weekly Downloads
63K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ruw

react-unity-webgl

React Unity WebGL provides an easy solution for embedding Unity WebGL builds in your React application, with two-way communication between your React and Unity application with advanced API's.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
752
Weekly Downloads
4K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Not 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
rfg

react-force-graph-3d

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
1K
Last Commit
3mos ago
Bundle Size (min+gzip)
182.0KB
Tree-Shakeable
rgg

react-globe.gl

React component for Globe Data Visualization using ThreeJS/WebGL

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
279
Weekly Downloads
2K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-postprocessing

📬 postprocessing for react-three-fiber

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
434
Weekly Downloads
719
Last Commit
2mos ago
Bundle Size (min+gzip)
82.2KB
Tree-Shakeable

@hubble.gl/react

A client-side JavaScript library for animating data visualizations and rendering videos.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
67
Weekly Downloads
102
Last Commit
1d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@sayari/trellis

High-performance network visualization library, rendering to WebGL as well as other targets

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
21
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
dre

dreamt

Assorted reusable bits of game code and, aspirationally, a flexible, 3D, performant, networked game engine

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
15
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rte

react-three-editable

👀 ✏️ Edit your react-three-fiber scene with a visual editor without giving up control over your code.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
316
Weekly Downloads
14
Last Commit
10mos ago
Bundle Size (min+gzip)
3.37KB
Not Tree-Shakeable
rr

react-regl

React Fiber Reconciler Renderer for Regl WebGL

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

@ion-phaser/core

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
185
Weekly Downloads
771
Last Commit
2mos ago
Bundle Size (min+gzip)
10.1KB
Tree-Shakeable
rc

react-curtains

react-curtains is an attempt at converting curtains.js WebGL classes into reusable React components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
64
Weekly Downloads
95
Last Commit
7mos ago
Bundle Size (min+gzip)
26.3KB
Tree-Shakeable
pr

pixi-reactive

A library to help integrate PIXI into a React project

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

shadertoy-react

6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
81
Weekly Downloads
116
Last Commit
14d ago
Bundle Size (min+gzip)
6.34KB
Not Tree-Shakeable
ch

@react-vertex/color-hooks

◾ 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
1
Last Commit
8mos ago
Bundle Size (min+gzip)
0.98KB
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
rs

react-sigma

Lightweight React library for drawing network graphs built on top of SigmaJS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
232
Weekly Downloads
623
Last Commit
6mos ago
Bundle Size (min+gzip)
44.1KB
Tree-Shakeable
gr

gl-react

Universal React library, write and compose WebGL shaders, implement complex effects using a descriptive paradigm

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

@arction/lcjs

A high-performance charting library.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
N/A
Weekly Downloads
399
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

vizceral-react

A React wrapper around vizceral

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
190
Weekly Downloads
375
Last Commit
2yrs ago
Bundle Size (min+gzip)
264.2KB
Not Tree-Shakeable
rg

react-globe

Create beautiful and interactive React + ThreeJS globe visualizations with ease.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
199
Weekly Downloads
367
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
grd

gl-react-dom

DOM implementation of gl-react, an universal React library to write and compose WebGL shaders

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
313
Last Commit
N/A
Bundle Size (min+gzip)
4.71KB
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
rfa

react-fluid-animation

Fluid media animation for React powered by WebGL.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52
Weekly Downloads
40
Last Commit
1yr ago
Bundle Size (min+gzip)
14.7KB
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
par

partican

Particle System Canvas

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

webgl-canvas

React webgl canvas component that handles resizing and context loss

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

react-native-particles-webgl

🔆 A 2D/3D particle library built on React, React Native, Three.js and WebGL, if don't like memory leaking react-three-fiber, try https://github.com/flyskywhy/react-native-particles-bg built on @flyskywhy/react-native-gcanvas

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

react-webgl

Create amazing 360 and VR content using React

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9K
Weekly Downloads
1
Last Commit
1yr ago
Bundle Size (min+gzip)
548.8KB
Not Tree-Shakeable