⚫️ 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 Fiber24k210k/w – Declarative Three.js in React
  Declarative Three.js in React
• Drei6k150k/w – Useful helpers for Three.js and R3F
  Useful helpers for Three.js and R3F
• react-spring26k800k/w – Animations, can be used with R3F
  Animations, can be used with R3F
• Leva4k35k/w – React components GUI
  React components GUI
• gltfjsx4k – 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-stdlib550140k/w – Three.js examples/jsm as a package
  Three.js examples/jsm as a package
• cannon-es2k10k/w – Fork of the cannon.js (opens in a new tab) physics engine
  Fork of the cannon.js (opens in a new tab) physics engine
• use-cannon3k8k/w – Hooks for cannon-es
  Hooks for cannon-es
• postprocessing2k28k/w – Filter effects for Three.js
  Filter effects for Three.js
• react-postprocessing90018k/w – postprocessing for R3F
  postprocessing for R3F
• react-xr2k2k/w – VR/AR for R3F
  VR/AR for R3F
• react-three-rapier6002k/w – Rapier (opens in a new tab) physics engine for R3F
  Rapier (opens in a new tab) physics engine for R3F
• react-three-next2k – Next.js boilerplate for R3F
  Next.js boilerplate for R3F
• react-three-flex2k1k/w – Flexbox for R3F
  Flexbox for R3F

State-management libraries:

• Zustand35k2M/w
• Jotai15k500k/w
• Valtio8k300k/w

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.