WebGL Hero
A landing-page hero section built with WebGL — typically a three.js / React Three Fiber scene — featuring 3D objects, GLSL shaders, particles, or scroll-driven animation. VULK generates WebGL heroes via React Three Fiber + Drei.
WebGL Hero
A WebGL hero is the top section of a website rendered as a real-time 3D canvas using the browser's WebGL or WebGL2 API rather than static images or video. Common patterns include a rotating 3D product, a generative shader background, a particle field reacting to mouse input, or a camera that pans on scroll. Because WebGL ships pixel-perfect on every device and weighs less than equivalent video, it is the highest-performance way to ship cinematic motion.
In VULK, WebGL heroes are produced through React Three Fiber and Drei. When a prompt requests "a 3D hero" or "shader background", the agent generates a <Canvas> component, picks an appropriate shader from the brand engine library (or generates a custom GLSL fragment shader), wires up useFrame for animation, and adds Drei helpers (<Environment>, <OrbitControls>, <Float>). Performance is gated by the 10-step quality check, which fails the build if frame budget exceeds 16 ms.
Text-to-3D
Generative pipeline that turns a text prompt into a textured 3D mesh. VULK uses text-to-3D for hero objects, product mockups, and game props — output as GLB and rendered via React Three Fiber.
Voice-to-App
A generation flow where the user speaks the app description out loud and the AI builder transcribes, plans, and ships the code. VULK pipes microphone audio through Whisper, then into the standard generation agent.