• Stars
    star
    2,654
  • Rank 16,477 (Top 0.4 %)
  • Language
    TypeScript
  • Created about 4 years ago
  • Updated about 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ‘‹๐Ÿ’ฃ physics based hooks for @react-three/fiber

Build Status Discord Shield

Imgur

Monorepo for cannon-es web worker packages.

Package Description
@react-three/cannon React hooks for cannon-es. Use this in combination with react-three-fiber.
@pmndrs/cannon-worker-api Web worker api for cannon-es. Used by @react-three/cannon.
@react-three/cannon-examples Examples for @react-three/cannon

use-cannon Documentation

Please see the @react-three/cannon README documentation and getting started guide for using the react hooks and jsx interface.

Demos

Check out all of our @react-three/cannon examples at https://cannon.pmnd.rs

The code for the examples lives in ./packages/react-three-cannon-examples

More Repositories

1

zustand

๐Ÿป Bear necessities for state management in React
TypeScript
40,808
star
2

react-spring

โœŒ๏ธ A spring physics based React animation library
TypeScript
27,160
star
3

react-three-fiber

๐Ÿ‡จ๐Ÿ‡ญ A React renderer for Three.js
TypeScript
25,320
star
4

jotai

๐Ÿ‘ป Primitive and flexible state management for React
TypeScript
16,893
star
5

use-gesture

๐Ÿ‘‡Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
TypeScript
8,537
star
6

valtio

๐Ÿ’Š Valtio makes proxy-state simple for React and Vanilla
TypeScript
8,257
star
7

drei

๐Ÿฅ‰ useful helpers for react-three-fiber
JavaScript
7,122
star
8

leva

๐ŸŒ‹ React-first components GUI
TypeScript
4,528
star
9

gltfjsx

๐ŸŽฎ Turns GLTFs into JSX components
JavaScript
3,949
star
10

react-three-next

React Three Fiber, Threejs, Nextjs starter
JavaScript
2,140
star
11

postprocessing

A post processing library for three.js.
JavaScript
2,100
star
12

racing-game

๐ŸŽ Open source racing game developed by everyone willing
TypeScript
2,094
star
13

react-xr

๐Ÿคณ VR/AR with react-three-fiber
TypeScript
1,890
star
14

react-three-flex

๐Ÿ’ช๐Ÿ“ฆ Flexbox for react-three-fiber
TypeScript
1,606
star
15

suspend-react

๐Ÿšฅ Async/await for React components
TypeScript
1,308
star
16

react-postprocessing

๐Ÿ“ฌ postprocessing for react-three-fiber
JavaScript
1,009
star
17

detect-gpu

Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
TypeScript
979
star
18

lamina

๐Ÿฐ An extensible, layer based shader material for ThreeJS
TypeScript
976
star
19

its-fine

๐Ÿถ๐Ÿ”ฅ A collection of escape hatches for React.
TypeScript
891
star
20

react-use-measure

๐Ÿ™Œ Utility to measure view bounds
TypeScript
799
star
21

react-nil

โƒ A react null renderer
TypeScript
772
star
22

react-three-rapier

๐Ÿคบ Rapier physics in React
TypeScript
765
star
23

maath

๐Ÿชถ Math helpers for the rest of us
TypeScript
755
star
24

threejs-journey

โš›๏ธ Bruno Simons journey demos in React
TypeScript
685
star
25

three-stdlib

๐Ÿ“š Stand-alone library of threejs examples designed to run without transpilation in node & browser
JavaScript
624
star
26

react-three-editor

๐Ÿ”Œ A one of a kind scene editor that writes changes back into your code
TypeScript
602
star
27

react-three-a11y

โ™ฟ๏ธ Accessibility tools for React Three Fiber
TypeScript
507
star
28

react-zdog

โšก๏ธ๐Ÿถ React bindings for zdog
JavaScript
438
star
29

use-asset

๐Ÿ“ฆ A promise caching strategy for React Suspense
TypeScript
414
star
30

react-three-offscreen

๐Ÿ“บ Offscreen worker canvas for react-three-fiber
TypeScript
397
star
31

drei-vanilla

๐Ÿฆ drei-inspired helpers for threejs
TypeScript
364
star
32

ecctrl

๐Ÿ•น๏ธ A floating rigibody character controller
TypeScript
349
star
33

tunnel-rat

๐Ÿ€ Non gratum anus rodentum
TypeScript
287
star
34

react-three-lgl

๐Ÿ”† A React abstraction for the LGL Raycaster
TypeScript
260
star
35

market

๐Ÿ“ฆ Download CC0 assets ready to use in your next 3D Project
JavaScript
249
star
36

react-three-csg

๐Ÿšง Constructive solid geometry for React
TypeScript
242
star
37

gltf-react-three

Convert GLTF files to React Three Fiber Components
JavaScript
230
star
38

component-material

๐Ÿงฉ Compose modular materials in React
TypeScript
161
star
39

env

๐Ÿ’„ An app to create, edit, and preview HDR environment maps in the browser
TypeScript
143
star
40

use-p2

๐Ÿ‘‹๐Ÿ’ฃ 2d physics hooks for @react-three/fiber
TypeScript
141
star
41

react-ogl

๐Ÿฆด A barebones react renderer for ogl.
TypeScript
139
star
42

react-spring-examples

JavaScript
138
star
43

react-three-gpu-pathtracer

โšก๏ธ A React abstraction for the popular three-gpu-pathtracer
TypeScript
125
star
44

react-three-lightmap

In-browser lightmap/AO baker for react-three-fiber and ThreeJS
TypeScript
123
star
45

cannon-es-debugger

Wireframe debugger for use with cannon-es https://github.com/react-spring/cannon-es
HTML
103
star
46

rafz

๐Ÿ’ One loop to frame them all.
TypeScript
96
star
47

website

Poimandres developer collective website
JavaScript
87
star
48

swc-jotai

Rust
85
star
49

assets

๐Ÿ“ฆ Importable base64 encoded CC0 assets
Makefile
84
star
50

react-three-scissor

โœ‚ Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber.
TypeScript
81
star
51

eslint-plugin-valtio

An eslint plugin for better valtio experience
JavaScript
69
star
52

react-spring.io

โœŒ๏ธ A spring physics based React animation library
TypeScript
56
star
53

react-three-babel

๐Ÿ› A Babel plugin that automatically builds the extend catalogue of known native Three.js elements
TypeScript
53
star
54

r3f-website

Website for React Three Fiber
JavaScript
26
star
55

market-assets

JavaScript
19
star
56

react-three-8thwall

JavaScript
17
star
57

drei-assets

JavaScript
16
star
58

discord

๐Ÿค– Poimandres Discord Bot
TypeScript
10
star
59

react-three-jolt

โšก Jolt physics in React
CSS
10
star
60

branding

TypeScript
7
star
61

market-assets-do

JavaScript
5
star
62

envinfo

Easily collect useful information for bug reports
JavaScript
4
star
63

leva-wg

1
star