# three.js in React, when it earns its weight, and how to keep it light, EneUI

Adding WebGL to a React page without paying for it twice: lazy-loaded canvas, paused render loop, capped device pixel ratio, a static fallback and reduced-motion support.

> Page: https://ui.eneawork.it/components/cat/three.js/guide/three-js-in-react-scenes
> Markdown: https://ui.eneawork.it/components/cat/three.js/guide/three-js-in-react-scenes.md

> Adding WebGL to a React page without paying for it twice: lazy-loaded canvas, paused render loop, capped device pixel ratio, a static fallback and reduced-motion support.