pmndrs/use-cannon

Animation & Transition

Stars
2,700
Rank 16,905 (Top 0.4 %)
Language
TypeScript
Created over 4 years ago
Updated 9 months ago

pmndrs/use-cannon

pmndrs

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

👋💣 physics based hooks for @react-three/fiber

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

zustand

🐻 Bear necessities for state management in React

react-spring

✌️ A spring physics based React animation library

react-three-fiber

🇨🇭 A React renderer for Three.js

jotai

👻 Primitive and flexible state management for React

use-gesture

👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.

valtio

💊 Valtio makes proxy-state simple for React and Vanilla

drei

🥉 useful helpers for react-three-fiber

leva

🌋 React-first components GUI

gltfjsx

🎮 Turns GLTFs into JSX components

react-three-next

React Three Fiber, Threejs, Nextjs starter

postprocessing

A post processing library for three.js.

racing-game

🏎 Open source racing game developed by everyone willing

xr

🤳 VR/AR for react-three-fiber

uikit

🎨 user interfaces for react-three-fiber

react-three-flex

💪📦 Flexbox for react-three-fiber

suspend-react

🚥 Async/await for React components

react-postprocessing

📬 postprocessing for react-three-fiber

detect-gpu

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

react-three-rapier

🤺 Rapier physics in React

lamina

🍰 An extensible, layer based shader material for ThreeJS

its-fine

🐶🔥 A collection of escape hatches for React.

react-use-measure

🙌 Utility to measure view bounds

react-nil

⃝ A react null renderer

maath

🪶 Math helpers for the rest of us

threejs-journey

⚛️ Bruno Simons journey demos in React

three-stdlib

📚 Stand-alone library of threejs examples designed to run without transpilation in node & browser

react-three-editor

🔌 A one of a kind scene editor that writes changes back into your code

react-three-a11y

♿️ Accessibility tools for React Three Fiber

ecctrl

🕹️ A floating rigibody character controller

react-three-offscreen

📺 Offscreen worker canvas for react-three-fiber

react-zdog

⚡️🐶 React bindings for zdog

drei-vanilla

🍦 drei-inspired helpers for threejs

use-asset

📦 A promise caching strategy for React Suspense

tunnel-rat

🐀 Non gratum anus rodentum

react-three-csg

🚧 Constructive solid geometry for React

react-three-lgl

🔆 A React abstraction for the LGL Raycaster

gltf-react-three

Convert GLTF files to React Three Fiber Components

market

📦 Download CC0 assets ready to use in your next 3D Project

component-material

🧩 Compose modular materials in React

env

💄 An app to create, edit, and preview HDR environment maps in the browser

react-ogl

🦴 A barebones react renderer for ogl.

use-p2

👋💣 2d physics hooks for @react-three/fiber

react-spring-examples

react-three-gpu-pathtracer

⚡️ A React abstraction for the popular three-gpu-pathtracer

react-three-lightmap

In-browser lightmap/AO baker for react-three-fiber and ThreeJS

cannon-es-debugger

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

rafz

💍 One loop to frame them all.

docs

🖨️ mdx documentation generator for `pmndrs/*/docs` folders

assets

📦 Importable base64 encoded CC0 assets

swc-jotai

react-three-jolt

⚡ Jolt physics in React

react-three-scissor

✂ Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber.

eslint-plugin-valtio

An eslint plugin for better valtio experience

react-three-babel

🛍 A Babel plugin that automatically builds the extend catalogue of known native Three.js elements

react-spring.io

✌️ A spring physics based React animation library

r3f-website

Website for React Three Fiber

directed

A flexible, minimal scheduler written in TypeScript

market-assets

react-three-8thwall

drei-assets

discord

🤖 Poimandres Discord Bot

branding

market-assets-do

envinfo

Easily collect useful information for bug reports

leva-wg