React Three Fiber
A React renderer for three.js — write 3D scenes as JSX components instead of imperative WebGL. VULK uses React Three Fiber for every WebGL hero, 3D product viewer, and shader background it generates.
React Three Fiber
React Three Fiber (R3F) is a React renderer that targets three.js instead of the DOM. A three.js Mesh becomes <mesh>, a PerspectiveCamera becomes <perspectiveCamera>, and the scene graph is reconciled by React the same way a regular component tree is. R3F gives you React's lifecycle, hooks (useFrame, useThree, useLoader), and component composition over three.js's imperative API, while losing none of three.js's performance — under the hood it's the same WebGL calls.
VULK uses React Three Fiber as the default 3D layer for any web project that needs WebGL — hero canvases, product configurators, generative shader backgrounds. The agent emits a <Canvas>, pulls helpers from Drei (<Environment>, <OrbitControls>, <Float>), and mounts custom shaders or generated GLB models from R2. Performance is verified by the 10-step quality gate's frame-budget check.
go_router (Flutter)
The official declarative routing package for Flutter, built on the Router API. Supports deep links, redirects, nested navigators, and type-safe routes via code generation. VULK uses go_router for every Flutter project.
Drei
A standard library of helpers for React Three Fiber — environments, controls, loaders, shaders, performance utilities. VULK pulls from Drei on every WebGL scene to avoid hand-rolling boilerplate three.js code.