Senior WebGL/Three.js/Babylon.js Developer at AI-powered Unified XR Commerce Studio · Bengaluru (Bangalore) · 4 - 9 years · ₹20L - ₹30L / yr · Posted 8 Apr 2026
Senior WebGL/Three.js/Babylon.js Developer
at AI-powered Unified XR Commerce Studio
React.jsRole Overview:
We’re hiring a WebGL/Three.js Engineer who is passionate about 3D rendering and browser-based visual experiences. This is a hands-on WebGL/Three.js role where you’ll own the rendering pipeline - from 3D asset ingestion to advanced shaders and real-time lighting.
You will build high-performance, photorealistic, and smooth 60fps experiences across devices, crafting custom rendering solutions that push the limits of WebGL.
What You’ll Build:
1. 3D Rendering & Visualization:
- Develop and optimize real-time 3D viewers running at 60fps across all devices
- Implement advanced rendering: PBR, IBL, shadows, reflections
- Create custom shaders for metals, glass, fabrics, transparency, and complex materials
- Build dynamic lighting systems for photorealism
- Implement AR placement and real-world environmental rendering
- Add post-processing effects: bloom, AO, depth of field, color grading
- Build interactive 3D configurators with real-time customization
2. Performance Optimization:
- Optimize 3D asset loading for near-instant initial render
- Implement LOD systems, shader optimization, and efficient resource usage
- Use compression pipelines: geometry, textures, KTX2/Basis
- Implement frustum & occlusion culling, instancing, and batching
- Profile GPU memory, draw calls, and shader performance
- Build adaptive quality settings based on device capabilities
3. 3D Asset Pipeline & Tools:
- Build loaders/parsers for glTF, USDZ, OBJ, FBX
- Implement asset optimization: UV mapping, normal maps, texture atlasing
- Create mesh-processing tools: decimation, smoothing, tangents
- Build progressive loading, caching, and streaming systems
- Develop debugging and visualization tools for asset inspection
4. Interactive Controls & UI Features:
- Implement camera systems: orbit, pan, zoom, animated transitions
- Build gestures for mobile: pinch, rotate, drag
- Create 360° product viewers with fluid interactions
- Add hotspots, annotations, measurement tools, and view presets
- Enable screenshot and recording functionalities
5. WebXR & AR Experiences:
- Implement WebXR VR/AR experiences directly inside browsers
- Build AR Quick Look integration for iOS
- Integrate AR.js / 8th Wall for seamless web AR
- Implement environment lighting estimation and hit testing
- Build cross-platform AR for iOS + Android
6. Graphics Systems Architecture:
- Architect custom WebGL rendering solutions from scratch
- Build material/shader libraries and rendering modules
- Create scene graph management systems
- Build modular systems with reusable rendering utilities
- Design APIs for frontend integration and customization
Technical Stack:
1. Graphics & Rendering:
- WebGL 1.0/2.0, OpenGL ES, GLSL
- 3D formats: glTF 2.0, USDZ, OBJ, FBX, Collada
- Tools: Blender, RenderDoc, Spector.js
- Texture tools: Sharp, ImageMagick, compression utilities
2. Frontend & Web:
- JavaScript / TypeScript
- React, Next.js, familiarity with Vue
- Webpack, Vite, Rollup
- Jest, Cypress
3. Performance:
- Chrome DevTools, WebGL Inspector, GPU profilers
- Draco, meshoptimizer, KTX2/Basis
- Cloudflare, AWS CloudFront
4. Collaboration:
- Git/GitHub
- Technical documentation: shaders, specs, APIs
What We’re Looking For:
1. Must-Haves:
- 5-8+ years in graphics programming with deep WebGL/Three.js knowledge
- Strong understanding of the full rendering pipeline
- Expert in GLSL: vertex, fragment, compute shaders
- Mastery of PBR, material systems, and physically accurate lighting
- Proven experience building high-performance 3D web apps
- Strong JavaScript/TypeScript skills
- Solid understanding of 3D math: matrices, vectors, quaternions
- Experience with 3D formats, UV mapping, texture workflows
- Ability to debug GPU issues and optimize across browsers/devices
- Ability to build custom WebGL engines from scratch
2. Highly Desirable:
- Experience with Three.js/Babylon.js (plus, not required)
- E-commerce and 3D configurator experience
- WebXR development experience
- Strong mobile optimization knowledge
- Experience with GPU compute, GPGPU
- Familiarity with Unity/Unreal internals
- Background in advanced rendering research
- Knowledge of ray tracing, path tracing
- Experience with photogrammetry or 3D scanning
- Open-source graphics contributions
Technical Challenges You’ll Tackle:
- Achieving photorealistic 60fps rendering on mobile browsers
- Sub-second loading for complex 3D models
- Realistic shaders for different materials (jewelry, fabric, metal, glass)
- Adaptive rendering across low-end to high-end devices
- Seamless AR blending of virtual + real environments
- Managing thousands of product SKUs with diverse materials
- Debugging GPU issues across browsers, devices, and GPU vendors
Why Join the Company:
- Pure graphics engineering — not generic frontend work
- Solve deep rendering challenges that push WebGL limits
- Create visually stunning work seen by millions
- Work with modern WebGL 2.0 capabilities
- Freedom to experiment with advanced graphic techniques
- High-performance engineering culture
- Your rendering work directly influences customer engagement
- Access to high-end GPUs, devices, and graphics tools
- Backed by NVIDIA, Microsoft, Google
Location & Work Culture:
- Bengaluru (HSR Layout)
- 6 days a week, (5 days-in-office, Saturdays WFH)
- Culture: performance-focused, graphics craftsmanship, high attention to detail
- Small, senior engineering team with deep expertise
- Access to GPUs, testing devices, and 3D tools
Shubham Vishwakarma
Full Stack Developer - Averlon
Similar jobs (5)
Javascript
Vue.js
HTML/CSSFront End Developer- VueJS
We are seeking a Senior Frontend Engineer to lead modernization of a large-scale browser-based digital twin and inspection platform supporting industrial assets and operational workflows. The immediate priority for this role is planning and executing the migration of the production application from Vue 2 to Vue 3 while preserving critical business workflows and minimizing user disruption. The successful candidate will modernize frontend architecture, dependencies, state management, component patterns, and development practices while establishing a scalable and supportable foundation for future growth. The platform combines 2D site visualization, interactive 3D model viewing, inspection and condition data, media management, work requests, and operational information. This is a hands-on senior engineering position focused on frontend modernization, architectural ownership, application performance, and long-term platform evolution.
Key Responsibilities
- Lead modernization of the production application from Vue 2 to Vue 3
- Define target-state frontend architecture, standards, and development practices.
- Assess and remediate outdated frontend dependencies, libraries, and technical debt.
- Develop and execute migration strategies that minimize disruption to production users and workflows.
- Collaborate with backend engineers, QA engineers, product stakeholders, and domain specialists.
Required
- Strong professional Vue.js experience and proficiency with JavaScript, HTML, and CSS.
- Experience planning and executing major frontend framework modernization efforts.
- Experience modernizing mature, data-intensive single-page applications.
- Hands-on experience developing or integrating interactive 3D visualization, CAD/model viewing, digital twin, WebGL-based, or comparable browser-based visualization technologies.
- Strong API integration, asynchronous behavior, state-management, debugging, performance, and enterprise authentication experience.
Nice to Have
- Experience migrating Vue 2 applications to Vue 3.
- Experience modernizing legacy frontend architectures and dependency ecosystems.
- Experience with modern Vue ecosystem libraries, state management, real-time communications, and enterprise authentication platforms.
- Experience with industrial, engineering, inspection, asset-integrity, maintenance, or digital-twin applications.
React.jsThis role is for our client, who are reimagining video security for the modern world. Their cloud-native platform uses computer vision and AI to help businesses stay safe, make smarter decisions, and move faster; from real-time alerts to seamless clip sharing and multi-site visibility.
You’ll be joining an ambitious, fast-moving team that values clarity, craftsmanship, and impact. Every person there has a voice, ships meaningful work, and helps shape how AI can make the world safer and more connected.
Responsibilities
- Architect and scale high-performance React and TypeScript applications built for real-time surveillance operations.
- Build UI components for video playback, timeline scrubbing, and multi-camera grid management.
- Optimize client-side rendering, network bandwidth, and browser memory usage when streaming high-frequency data.
- Partner closely with Product, Design, and Machine Learning engineers to transform complex AI detection capabilities into simple user experiences.
- Establish frontend architecture patterns, maintain testing standards, and mentor team members.
Skills And Qualifications
- Experience building production web applications in React and TypeScript
- Deep understanding of frontend performance profiling, browser memory management, and client-side optimization
- Hands-on experience working with real-time data streams (WebSockets, SSE, or WebRTC)
- Strong software engineering fundamentals, including modular architecture, state management, and automated testing
- High bar for UI detail, usability, and web accessibility is a plus
- Experience with video technologies on the web (HLS, WebRTC, MSE, or Canvas/WebGL video rendering) is a plus
- Experience building spatial or location-aware dashboards using mapping tools (e.g., Mapbox, Leaflet) is a plus
- Prior experience in fast-paced startup environments or developer-centric B2B SaaS platforms is a plus
What We Offer
- Competitive compensation package
- Early-stage equity in a rapidly growing company
- Referral bonuses
- Team dinners and regular team off-sites
- The latest Apple products and unlimited tech stack
The company is on a mission to transform a $50B+ legacy industry by bringing the power of cutting-edge multimodal LLMs and computer vision to real-world security and operations. From firearm detection to intelligent access control, our AI-native platform turns every camera and sensor into a smart system that enhances safety, efficiency, and awareness.
Key Responsibilities
Frontend & Extension Development
• Build and maintain highly responsive, modern user interfaces using React.js for web applications, browser extensions, and Electron-based desktop clients.
• Architect and develop modular, reusable UI components using Material-UI (MUI / Joy UI) and styled-components/Emotion.
• Manage complex multi-target build pipelines (Web, Extension, Electron) using Webpack and Craco.
AI Integration & Engineering
• Seamlessly integrate Generative AI capabilities into the frontend, including AI-driven chatbots, contextual AI suggestions, and RAG (Retrieval-Augmented Generation) interfaces.
• Collaborate closely with backend and AI specialists to consume AI-powered REST APIs and WebSocket streams, ensuring fluid and responsive user experiences.
• Implement robust markdown and code rendering (e.g., react-markdown) for rich AI conversational outputs.
Real-Time Data & State Management
• Implement low-latency, real-time communication features using Socket.IO for chat and collaborative functions.
• Efficiently manage complex application state, data fetching, and caching using modern tools like React Query and Axios.
Quality & Collaboration
• Work within a monorepo/workspace structure to maintain distinct client, component, and extension packages.
• Participate in code reviews to maintain high code quality, performance, and enterprise security standards.
• Collaborate with teams using Agile/Scrum methodologies for rapid and structured delivery.
Required Skills:
• Core Languages: Proficiency in JavaScript (ES6+) and TypeScript.
• Frontend Frameworks: Strong, hands-on experience with React.js (Hooks, Context), React Query, and React Router.
• Styling & UI: Deep understanding of HTML5, CSS3, and CSS-in-JS libraries (e.g., styled-components, react-jss). Hands-on experience with MUI (Material UI / Joy UI) is highly preferred.
• Architecture & Build: Experience configuring and optimizing builds with Webpack and Craco. Familiarity with npm workspaces/monorepos.
• Real-time & APIs: Ability to design and implement robust client-side integrations with RESTful APIs and WebSockets (Socket.IO).
• Agile & Workflow: Experience working with Agile and Scrum methodologies.
Preferred/Bonus Skills:
• Experience in building and packaging Browser Extensions and/or Electron applications.
• Genuine curiosity and awareness of Generative AI workflows (e.g., prompt engineering concepts, handling streaming AI responses).
• Experience with rich text editing or markdown rendering in React.
React.jsJavascriptRole Summary
The Senior Front-end Developer builds and maintains client-facing interfaces per UI/UX designs and product requirements, owns front-end architecture and code-review standards, and mentors the Junior Front-end Developer. This is a specialized front-end role, not a full-stack position.
Key Responsibilities
• Own front-end architecture decisions, including framework, state management, and tooling choices.
• Set and enforce code-review, testing, and performance/accessibility standards for the pod.
• Lead implementation of complex, high-visibility features.
• Troubleshoot and resolve complex front-end performance or technical issues.
• Mentor the Junior Front-end Developer, including code review and skill development.
• Partner closely with UI/UX to ensure design fidelity and flag implementation constraints early.
• Evaluate and recommend front-end tooling or library upgrades.
Required Skills & Technical Competencies
• Deep expertise in a modern front-end framework (React strongly preferred) and associated ecosystem.
• Strong understanding of front-end performance optimization and accessibility standards.
• Experience owning front-end architecture for a production application.
Targeted Qualifications
• 5–8 years of front-end development experience.
• Deep expertise in a modern framework (React preferred) and front-end architecture patterns.
• Experience owning performance and accessibility standards.
• Bachelor's degree in Computer Science or related field.
Preferred / Nice-to-Have
• Experience with data-dense or real-time dashboard interfaces (relevant to IoT products).
• Experience mentoring junior developers formally.
FigmaJob Title : UI/UX Designer – SaaS Product | 3D & Frontend Development
Experience : 2+ Years
Role : UI/UX Designer / Product Designer
Work Mode : Remote
Job Description :
We are looking for a creative and technically strong UI/UX Designer with experience in SaaS-based products, interactive web experiences, and frontend technologies. The ideal candidate should have hands-on exposure to Three.js, 3D animations, Parallax effects, and modern frontend development.
Mandatory Skills :
UI/UX Design, SaaS Product Experience, Figma, Three.js / WebGL, 3D Animation, Parallax / Scroll Animations, Frontend Development, HTML, CSS, JavaScript, React.js.
Key Responsibilities :
- Design intuitive, engaging, and user-centric interfaces for SaaS-based products.
- Create wireframes, prototypes, user flows, design systems, and high-fidelity UI designs using Figma.
- Develop interactive experiences using Three.js / WebGL and 3D elements.
- Create 3D animations, Parallax effects, scroll-based animations, and micro-interactions.
- Collaborate with frontend developers to translate designs into responsive, production-ready interfaces.
- Ensure consistency across UI components, layouts, interactions, and design systems.
- Conduct user research and usability analysis to improve product experiences.
- Work closely with Product, Engineering, and other stakeholders throughout the product lifecycle.
- Ensure designs are responsive, accessible, and optimized for web performance.
Good to Have :
- React Three Fiber
- GSAP / Framer Motion
- WebGL / GLSL
- Motion & Interaction Design
- Design Systems
- Responsive & Accessibility-focused Design
- Experience with interactive product configurators or immersive web experiences.
Ideal Candidate :
A candidate who can work across the design + frontend + interactive / 3D experience layer, rather than being limited to visual UI design alone.
Follow CutshortShubham Vishwakarma
Full Stack Developer - Averlon