pmndrs/react-three-flex
💪📦 Flexbox for react-three-fiber observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2206
- days_rel: n/a
- days_push: 1366
- n_releases_24m: 0
Adoption not part of the score
1736 stars · 44 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A React library that brings the CSS flexbox layout spec to react-three-fiber 3D scenes, built on Facebook's Yoga layout engine. It lets developers wrap 3D objects in Flex and Box components so they are automatically positioned in 3D space like DOM elements.
Use cases
- lay out 3D objects in a three.js scene with flexbox
- automatically position meshes in react-three-fiber
- build responsive 3D UI layouts in React
- center and space 3D content without manual math
- create nested 3D layout containers with padding and margins
When to choose
- you use react-three-fiber and want declarative flexbox layout for 3D objects
- you need DOM-like layout semantics (justify, align, grow) in a three.js scene
- you want to avoid hand-computing 3D positions for UI-like content
When to avoid
- you don't use React or react-three-fiber
- you need a general 3D physics or game engine layout system
- you need a library with frequent updates - the latest release dates to late 2022
Facets
library · maturity maintenance
ui-components graphics animation web-development frontend graphics browser react-three-fiber flexbox yoga-layout threejs 3d-layout game-development web-server nodejs
1 source
- readme: https://github.com/pmndrs/react-three-flex · fetched 2026-08-28 · efebfde40269
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| pmndrs/react-three-flex | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="pmndrs/react-three-flex")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem