1

Glsl Webgl Jobs (NOW HIRING)

Design Engineer

San Francisco, CA · On-site

$100 - $125/hr

Experience with Motion, GSAP, View Transitions, WebGL, Three.js, React Three Fiber, or similar tools. * High-performance tooling, e.g. Vite+, the oxc stack, etc. * Canvas, shaders, GLSL, or WebGPU.

Strong generative / creative coding background - WebGL, Three.js, react-three-fiber, GLSL, or comparable real-time graphics experience * Experience with TouchDesigner for interactive systems ...

Design Engineer

San Francisco, CA · On-site

$150 - $200/hr

Experience with Motion, GSAP, View Transitions, WebGL, Three.js, React Three Fiber, or similar tools. * High-performance tooling, e.g. Vite+, the `oxc` stack, etc. * Canvas, shaders, GLSL, or WebGPU.

Strong generative / creative coding background - WebGL, Three.js, react-three-fiber, GLSL, or comparable real-time graphics experience * Experience with TouchDesigner for interactive systems ...

... WebGL, GLSL shaders, or canvas-based creative development • Animation libraries such as GSAP, Framer Motion, or similar • Headless CMS platforms (Contentful, Sanity, Prismic, or similar) • AI ...

Knowledge of WebGL or shader programming (GLSL, WGSL) * Experience integrating ML model inference into production apps * Familiarity with containerization (Docker) and cloud deployment (AWS, GCP, or ...

Knowledge of WebGL or shader programming (GLSL, WGSL) * Experience integrating ML model inference into production apps * Familiarity with containerization (Docker) and cloud deployment (AWS, GCP, or ...

You're comfortable with shaders, dither effects, and SVG animation performance. * You're solid in WebGL and GLSL. You understand rendering pipelines from the inside, not just as an API. * You're ...

$150 - $200/hr

Experience writing shaders (HLSL, GLSL, etc.) * Experience working with Blazor * Strong knowledge ... Experience working directly with low-level graphics pipelines (OpenGL, WebGL, Metal, Vulkan, etc.

$150 - $200/hr

You're comfortable with shaders, dither effects, and SVG animation performance. * You're solid in WebGL and GLSL. You understand rendering pipelines from the inside, not just as an API. * You're ...

Design Engineer

Manhattan, NY · On-site

$150 - $200/hr

Three.js, WebGL, GLSL. Your portfolio shows it! * You understand the full stack from GPU rendering to React component architecture; you know why it matters that this runs in-browser and not as a ...

Design Engineer

New York, NY · On-site

$150K - $200K/yr

Three.js, WebGL, GLSL. Your portfolio shows it! * You understand the full stack from GPU rendering to React component architecture; you know why it matters that this runs in-browser and not as a ...

... WebGL, Three.js, React Three Fiber, or similar tools. * Familiarity with high-performance tooling such as Vite+, Oxc, or related projects. * Experience with Canvas, shaders, GLSL, or WebGPU.

next page

Showing results 1-20

Glsl Webgl information

See salary details

$95.5K

$138.7K

$153.5K

How much do glsl webgl jobs pay per year?

As of Sep 9, 2026, the average yearly pay for glsl webgl in the United States is $138,713.00, according to ZipRecruiter salary data. Most workers in this role earn between $127,000.00 and $152,000.00 per year, depending on experience, location, and employer.

What are GLSL and WebGL?

GLSL (OpenGL Shading Language) is a specialized programming language used to write shaders, which are programs that run on the GPU to control the rendering of graphics. WebGL is a JavaScript API that allows developers to render interactive 2D and 3D graphics within web browsers using the GPU. Together, GLSL and WebGL enable high-performance graphics and visual effects directly in the browser, without the need for plugins. Developers use GLSL to create custom visual effects, while WebGL provides the framework to display these effects on web pages.

What are some common challenges faced when working with GLSL and WebGL in a production environment?

When working with GLSL and WebGL, developers often encounter challenges such as browser compatibility issues, debugging shader code, and optimizing performance for different hardware. Since WebGL relies on the user's graphics hardware and browser implementation, ensuring consistent rendering across devices can be tricky. Additionally, writing efficient GLSL shaders requires a good understanding of graphics programming to avoid bottlenecks, and debugging can be less straightforward than with traditional JavaScript code. Collaborating with designers and backend developers is also common, as integrating 3D content into web applications often involves cross-functional teamwork.

What are the key skills and qualifications needed to thrive as a GLSL/WebGL developer, and why are they important?

To thrive as a GLSL/WebGL Developer, you need a solid background in computer graphics, shader programming, and mathematics, ideally with experience in JavaScript and web technologies. Familiarity with tools and frameworks like Three.js, Babylon.js, and debugging tools such as WebGL Inspector is typically essential. Strong problem-solving skills, creativity, and effective communication help distinguish top performers in this field. These competencies enable the creation of complex, interactive visual experiences while ensuring optimal performance and cross-platform compatibility.

What is the difference between Glsl Webgl vs Shader Programmer?

AspectGlsl WebglShader Programmer
Required CredentialsKnowledge of GLSL, WebGL API, basic programmingProficiency in GLSL, graphics programming, shader development
Work EnvironmentWeb development, browser-based graphics projectsGame development, real-time rendering, graphics engines
Industry UsageWeb design, interactive media, online visualizationVideo games, simulations, 3D applications
Common Search/ComparisonYesYes

Glsl Webgl focuses on writing GLSL shaders specifically for WebGL in web environments, often involving front-end development. Shader Programmers have broader roles in creating complex shaders for various platforms, including games and simulations. While Glsl Webgl is a subset of shader development, Shader Programmers typically possess more advanced skills and work across multiple graphics APIs.

What other helpful pages are available for Glsl Webgl?

Other pages related to Glsl Webgl:

Infographic showing various Glsl Webgl job openings in the United States as of September 2026, with employment types broken down into 1% Internship, 97% Full Time, and 2% Contract. Highlights an 89% Physical, 1% Hybrid, and 10% Remote job distribution, with an average salary of $138,713 per year, or $66.7 per hour.

3D Graphics Engineer (Three.js / WebGL)

Sarasota, FL • On-site

$100 - $125/hr

Other

Re-posted 18 days ago


Job description

3D Graphics Engineer (Three.js / WebGL)

Department: Imerza

Employment Type: Full Time

Location: Imerza

Description

We are looking for a 3D Graphics Engineer to own and advance the real-time rendering engine at the heart of our web-based digital twin platform. You will work in our Three.js and React Three Fiber rendering library, building photoreal, high-performance 3D experiences (architectural walkthroughs, immersive sales experiences, and Gaussian-splat captures of real spaces) that run in the browser across kiosks, tablets, desktops, and large-format displays.

This is a deep, specialist engineering role focused on real-time graphics, performance, and the 3D asset pipeline. You will partner with our full stack and web developers, who own the surrounding web app, CMS, and APIs, and with our content and 3D-capture teams. The rendering engine and its visual quality are yours to own and push forward. At Imerza, we are pioneers in architectural visualization software, specializing in digital twins and real-estate marketing. We turn architectural concepts into breathtaking, immersive experiences that run everywhere from a sales-center video wall to a tablet in a buyer's hands.

Key Responsibilities Rendering and Graphics (primary focus)
  • Build and maintain our real-time Three.js and React Three Fiber rendering engine.
  • Implement and optimize rendering features: lighting (lightmaps, HDR and image-based lighting, ambient occlusion), anti-aliasing, materials, and post-processing.
  • Integrate Gaussian splat captures alongside traditional mesh-based 3D content.
  • Write and debug GLSL shaders and custom materials.
  • Develop camera systems, navigation, waypoints, and scene interaction.
Asset and Performance Pipeline
  • Own the 3D asset pipeline: glTF and GLB optimization, Draco and mesh compression, KTX2 and Basis texture conversion, and lightmap baking.
  • Profile and optimize for frame rate, memory, and load time across constrained devices (tablets, kiosks) and large displays.
  • Use spatial structures (BVH) for fast raycasting, picking, and pathfinding.
  • Build diagnostics and debug tooling that keep visual quality and performance measurable.
Collaboration
  • Partner with full stack and web developers to expose clean, well-documented renderer APIs to the web app.
  • Work with 3D-capture, content, and design teams to bring real spaces and designs into the engine.
  • Contribute to the Nx monorepo with strong testing, code review, and documentation.
  • Help define the technical direction of immersive and photoreal experiences.
Our Stack Core (what you will work in daily)
  • A custom Three.js rendering engine (@imerza/threejs-renderer) built on React Three Fiber and drei, mounted inside a Next.js app.
  • Gaussian splatting via Spark (@sparkjsdev/spark) for photoreal capture of real-world spaces, rendered alongside traditional mesh-based content.
  • glTF and GLB asset pipelines with Draco compression, KTX2 and Basis textures, baked lightmaps, and HDR image-based lighting.
  • WebGL and GLSL shaders, post-processing (temporal anti-aliasing, ambient occlusion), and spatial acceleration with three-mesh-bvh.
  • WebXR immersive viewing via @react-three/xr, including a 360 viewer.
  • TypeScript throughout, in an Nx monorepo with pnpm workspaces.
Adjacent areas (owned by other engineers; good to understand)
  • The React and Next.js plus Payload CMS web app that hosts and configures the renderer.
  • Real-time digital-twin data streamed into scenes over MQTT.
  • AWS (CDK) and Docker-based on-prem deployments.
Skills, Knowledge and Expertise
  • 3 to 7+ years of professional software engineering experience, with significant time spent on real-time 3D or graphics.
  • Deep proficiency with Three.js (React Three Fiber experience is a strong plus).
  • Solid WebGL and GLSL shader experience.
  • Strong TypeScript or JavaScript skills.
  • Experience with 3D asset formats and pipelines (glTF and GLB, textures, compression).
  • A strong grasp of 3D math (vectors, matrices, quaternions, transforms, and cameras).
  • Experience profiling and optimizing rendering performance and memory usage.
  • A strong eye for visual quality, lighting, and detail.
Nice to Have
  • Gaussian splatting or radiance fields (Spark, Luma, 3D Gaussian Splatting, or NeRF-adjacent work).
  • Experience with KTX2 and Basis, Draco, or meshopt compression.
  • PBR materials, baked lighting and lightmap workflows, and HDR or image-based lighting.
  • WebXR, VR, or AR (@react-three/xr or similar).
  • Familiarity with DCC tools (Blender, 3ds Max, Maya) and capture or photogrammetry pipelines (RealityCapture, Postshot, and similar).
  • Experience with Unreal Engine or another real-time engine.
  • Experience with React, Next.js, or a monorepo (Nx, Turborepo).
  • Architecture, AEC, BIM, or spatial-data background.
  • Experience with PlayCanvas.
What We Offer
  • The opportunity to work on cutting-edge digital twin and immersive visualization technology.
  • A collaborative, product-driven engineering culture.
  • Competitive compensation and benefits.
  • A flexible work environment with real opportunities for growth.
#J-18808-Ljbffr