React Three Fiber — это React-рендерер для Three.js, популярной 3D-библиотеки для веба. Его делает открытое сообщество Poimandres (pmndrs).
Это не навык для агента, а библиотека кода. Вы описываете нужную 3D-сцену, а ИИ-агент пишет компоненты.
Библиотека бесплатна, лицензия MIT. На 28 октября 2026 года у репозитория было около 33 000 звёзд на GitHub.
Что он делает
- Каждый объект Three.js становится JSX-элементом: меш, свет или камера пишутся как любой другой компонент.
- Объекты могут реагировать на состояние, клики и наведение, и у каждого может быть своя анимация на каждом кадре.
- По словам README, здесь работает всё, что работает в Three.js, и без накладных расходов, потому что сцена рендерится вне React.
- Работает и в React Native.
Что с ним можно добавить
Модель товара, которую посетитель может вращать, 3D-блок на первом экране или небольшой анимированный объект за заголовком. Вокруг библиотеки большая экосистема: Drei даёт готовые помощники, а другие пакеты добавляют постобработку, физику и VR или AR.
Что стоит знать заранее
Версия должна совпадать с версией React: версия 8 работает с React 18, версия 9 — с React 19. В README также сказано, что перед началом стоит знать и React, и Three.js. Даже если код пишет агент, полезно понимать, что он строит. 3D-сцена ещё и утяжеляет страницу, так что проверьте, как она грузится на телефонах.
Как установить
npm install three @types/three @react-three/fiberЗатем попросите агента сделать нужную сцену, например модель вашего товара, которая вращается, когда её тянешь.