โซ๏ธ Poimandres Libraries
Poimandres (opens in a new tab) is an open-source developer collective, which is an active community developing many tools for Three.js, making 3D in React, and a lot more (you might know them from Zustand or react-spring). Letโs take a closer look at the tools they develop.
Three.js and React Three Fiber libraries:
-
React Three Fiber21k127k/w โ Declarative Three.js in ReactDeclarative Three.js in React
-
Drei4k76k/w โ Useful helpers for Three.js and R3FUseful helpers for Three.js and R3F
-
react-spring25k682k/w โ Animations, can be used with R3FAnimations, can be used with R3F
-
Leva3k19k/w โ React components GUIReact components GUI
-
gltfjsx3k โ JSX from GLTF/GLB models, online GUI (opens in a new tab)JSX from GLTF/GLB models, online GUI (opens in a new tab)
-
three-stdlib40082k/w โ Three.js examples/jsm as a packageThree.js examples/jsm as a package
-
cannon-es1k9k/w โ Fork of the cannon.js (opens in a new tab) physics engineFork of the cannon.js (opens in a new tab) physics engine
-
use-cannon2k7k/w โ Hooks for
cannon-es
Hooks forcannon-es
-
postprocessing2k26k/w โ Filter effects for Three.jsFilter effects for Three.js
-
react-postprocessing70013k/w โ
postprocessing
for R3Fpostprocessing
for R3F -
react-xr1k1k/w โ VR/AR for R3FVR/AR for R3F
-
react-three-next1k โ Next.js boilerplate for R3FNext.js boilerplate for R3F
-
react-three-flex1k900/w โ Flexbox for R3FFlexbox for R3F
-
react-three-editor500700/w โ Editor for R3F + ViteEditor for R3F + Vite
-
Lamina8001k/w โ Declarative shader materialsDeclarative shader materials
-
react-three-rapier3002k/w โ Rapier (opens in a new tab) physics engine for R3FRapier (opens in a new tab) physics engine for R3F
State-management libraries:
As you can see there is a lot going on in the R3F ecosystem and this community is a driving force to make Three.js development more convenient. With the Poimandres ecosystem, we have a core set of libraries for 3D graphics to build our games upon.