​​react-three-flex - Flexbox для 3D

Библиотека, позволяющая создавать гибкие макеты внутри THREE.js, тем самым давая возможность делать адаптивные сайты вместе с 3D. Также гораздо легче миксовать DOM и WebGL контент.

Либа написана на React и использует react-three-fiber и Yoga под капотом, так что можно легко писать сайты на React вместе с 3D, при это вставляя куски DOM, причём производительно и адаптивно

Внутри либы находятся два компонента - <Box /> - контейнер для 3D объектов, и <Flex /> - контейнер для <Box />. У каждого из компонентов есть все пропсы из CSS Flexbox + укороченные версии

Внутри README лежит полный гайд о том как пользоваться react-three-flex, и парочка эффектных демок (демо 1 и демо 2)

#jslib #javascript #react #3d #threejs #frontend #webdev #reactthreefiber