Sr. Frontend Developer

Role 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

·      7+ years of professional experience in front-end development.

·      7+ years of hands-on experience with React.js and its ecosystem (Redux, Context API, Hooks, etc.).

·      Strong understanding of JavaScript (ES6+), HTML5, and CSS3.

·      Experience with RESTful APIs, GraphQL, and WebSocket integration.

·      Proficiency in modern build tools (Webpack, Vite, Babel, etc.).

·      Expertise in state management libraries (Redux, MobX) and React Query.

·      Solid understanding of UI/UX principles and responsive design.

·      Experience with testing frameworks (Jest, React Testing Library, Cypress, etc.).

·      Familiarity with modern CI/CD pipelines and version control tools (Git).

This person MUST have: 

- BE Computer Science, MCA or equivalent 

- Extreme CSS skills 

- Experience with ReactJS or NextJS is a MUST 

- Strong communication skills 

- A strong passion for writing simple, clean and efficient code. 

- Sound knowledge of clean code, no unused code, optimized code and more. - Always starting with a document and then implementing in a systematic and organized manner 

- Past experience as a frontend developer building modern JavaScript-based web applications - Excellent verbal and written communication, teamwork, decision making and influencing skills. 

Experience: 

- Min 3 year experience 

- Not more than 15 year experience. 

- Startup experience is a must. 

Location 

- Remotely, anywhere in India

Timings: 

- 40 hours a week but with 4 hours a day overlapping with client timezone. Typically clients are in California PST Timezone. 

Position: 

- Full time/Direct 

- We have great benefits such as PF, medical insurance, 12 annual company holidays, 12 PTO leaves per year, annual increments, Diwali bonus, spot bonuses and other incentives etc. 

- We dont believe in locking in people with large notice periods. You will stay here because you love the company. We have only a 15 days notice period. 

About Fabstudio Infotech (http://www.fabstudio.co):
Fabstudio Infotech is a multi-skilled IT services provider company with core competencies in website design and development, e-commerce website, mobile app development, customized software development, cloud services, and CRM solutions. Our comprehensive full-service value offering allows you to streamline the process of conceptualizing, designing, development, implementation, supporting and managing the application lifecycle.

About the Job Profile:

Selected day-to-day responsibilities include:

1. Work on React.js & Node.js
2. Work on ongoing projects
3. Understand product requirements and specifications
4. Handle large web applications and websites
5. Do the research and keep abreast with current design trends
6. Write well designed, testable, and efficient code by using best software development practices
7. Create a website layout/user interface by using standard HTML/CSS practices
8. Integrate data from various back-end services and databases
9. Cooperate with web designers to match visual design intent