co-flex

     

React wrapper for yoga.

use flexbox inside react

Example: Nested layout animation

Use it with react-three-fiber, react-dom, or whatever works with react.

Functionality

//provide the parent node
<FlexNodeContextProvider />

//create a yoga node
useYogaNode()

//create a root yoga node
useYogaRootNode()

Examples

verbose

dom

react-spring

co-virtualize

three

gallery

gallery-3d