Ver o React Three Fiber no GitHub
O React Three Fiber é um renderizador React para o Three.js, a popular biblioteca 3D para a web. Ele é feito pelo coletivo de código aberto Poimandres (pmndrs).
Não é uma skill de agente, e sim uma biblioteca de código. Você descreve a cena 3D que quer, e seu agente de IA escreve os componentes.
É gratuito sob a licença MIT. Em 28 de outubro de 2026 o repositório tinha cerca de 33.000 estrelas no GitHub.
O que ele faz
- Cada objeto do Three.js vira um elemento JSX: uma malha, uma luz ou uma câmera são escritas como qualquer outro componente.
- Os objetos podem reagir ao estado, a cliques e ao hover, e cada um pode rodar sua própria animação a cada quadro.
- Segundo o README, tudo o que funciona no Three.js funciona aqui, sem overhead, porque a cena é renderizada fora do React.
- Também funciona no React Native.
O que você pode adicionar com ele
Um modelo de produto que o visitante pode girar, uma seção principal em 3D ou um pequeno objeto animado atrás de um título. Ao redor há um grande ecossistema: o Drei traz helpers prontos, e outros pacotes adicionam efeitos de pós-processamento, física e VR ou AR.
O que saber antes
A versão precisa combinar com a sua versão do React: a 8 funciona com o React 18 e a 9 com o React 19. O README também diz que você deve conhecer React e Three.js antes de começar. Mesmo que um agente escreva o código, ajuda entender o que ele constrói. Uma cena 3D também deixa a página mais pesada, então verifique como ela carrega no celular.
Como instalar
npm install three @types/three @react-three/fiberDepois peça ao seu agente a cena que você quer, por exemplo um modelo do seu produto que gira quando você arrasta.