Voir React Three Fiber sur GitHub
React Three Fiber est un moteur de rendu React pour Three.js, la bibliothèque 3D populaire du web. Il est développé par le collectif open source Poimandres (pmndrs).
Ce n’est pas une skill d’agent mais une bibliothèque de code. Vous décrivez la scène 3D voulue, et votre agent IA écrit les composants.
Il est gratuit sous licence MIT. Le 28 octobre 2026, le dépôt comptait environ 33 000 étoiles sur GitHub.
Ce qu'il fait
- Chaque objet Three.js devient un élément JSX : un mesh, une lumière ou une caméra s’écrit comme n’importe quel autre composant.
- Les objets peuvent réagir à l’état, aux clics et au survol, et chacun peut lancer sa propre animation à chaque image.
- Selon le README, tout ce qui marche dans Three.js marche ici, sans surcoût, car la scène est rendue en dehors de React.
- Il fonctionne aussi avec React Native.
Ce que vous pouvez ajouter avec
Un modèle de produit que le visiteur peut faire tourner, une section d’accueil en 3D ou un petit objet animé derrière un titre. Autour, il existe un vaste écosystème : Drei ajoute des aides prêtes à l’emploi, et d’autres paquets ajoutent des effets de post-traitement, de la physique et de la VR ou de l’AR.
Ce qu’il faut savoir avant
La version doit correspondre à votre version de React : la 8 fonctionne avec React 18, la 9 avec React 19. Le README précise aussi qu’il vaut mieux connaître React et Three.js avant de commencer. Même si un agent écrit le code, il est utile de comprendre ce qu’il construit. Une scène 3D alourdit aussi la page, vérifiez donc son chargement sur mobile.
Comment l’installer
npm install three @types/three @react-three/fiberDemandez ensuite à votre agent la scène voulue, par exemple un modèle de votre produit qui tourne quand on le fait glisser.