Senior Full-Stack 3D Web Developer (Babylon.js / Three.js, TypeScript ConfiguratorSpecialist)

Urgent
Apply Now

Job Description

Job Title
Senior Full-Stack 3D Web Developer (Babylon.js / Three.js, TypeScript Configurator
Specialist)
Job Type
• Full-time / Contract / Remote (flexible)
• Experience Level: Mid–Senior to Senior
Role Overview
We are looking for a highly skilled 3D Web Developer to build an interactive, real-time 3D
shed configurator for the web.
The ideal candidate will have strong expertise in Babylon.js or Three.js, TypeScript, and
modern frontend frameworks, with proven experience in building parametric, dimensiondriven 3D applications (e.g., product configurators, architectural visualizations, or CAD-like
tools).
This role focuses on custom 3D geometry generation, real-time UI-to-3D
synchronization, and production-ready performance, while also taking ownership of
backend APIs, data persistence, and business logic to deliver a fully integrated product.
Key Responsibilities
• Design and develop a real-time interactive 3D shed configurator
• Implement parametric 3D geometry (walls, roofs, doors, windows, extensions)
• Sync UI controls (inputs, sliders, dropdowns) with live 3D updates
• Build clean, scalable 3D scene architecture using Babylon.js or Three.js
• Handle materials, textures, and UV mapping (wood, steel, roofing)
• Optimize 3D performance for desktop & mobile browsers
• Develop and maintain backend APIs for pricing, saving designs, and order
management (Node.js / Python)
• Implement camera controls, snapping, constraints, and measurements
• Ensure maintainable, well-documented, production-ready code
• Maintain clear separation between configuration logic, 3D rendering, UI layers,
and backend integration
Required Technical Skills (Must-Have)
Core 3D & Graphics
• Babylon.js OR Three.js (Advanced level)
• Strong understanding of:
o Scene graph
o Meshes, geometries, materials
o Lights & cameras
o Transformations (scale, rotate, translate)
• Experience with parametric / procedural geometry
• glTF / GLB asset pipelines
• Experience with advanced materials:
o PBR materials
o Texture mapping & UV workflows
Experience with Babylon.js extensions (GUI, Physics, Collisions, Animations, Node
Material Editor)
OR
Experience with Three.js ecosystem (controls, loaders, custom shaders, post-processing)
Frontend Development
• TypeScript (required for production code)
• JavaScript (ES6+)
• React.js or similar modern framework
• Experience with:
o react-babylonjs (if Babylon.js)
o React Three Fiber (if Three.js)
• State management (Redux, Zustand, Context API, etc.)
Backend Development
• Node.js or Python for API development and data persistence
• Database integration (SQL / NoSQL)
• REST / GraphQL API design and implementation
• Optional: Cloud deployment / serverless functions
UI & Interaction
• Building configuration panels
• Handling real-time input → 3D updates
• Experience with tools like Leva, dat.GUI, Tweakpane (or similar)
• Responsive design awareness
Performance & Optimization
• WebGL performance optimization
• Level of detail (LOD)
• Memory & draw-call optimization
• Cross-browser compatibility
Nice-to-Have Skills (Bonus)
• Experience with both Babylon.js and Three.js
• Architectural / construction domain knowledge
• CAD-like logic or engineering-based modeling
• Blender or other 3D modeling tools
• PDF or image export from 3D scenes
• AWS / Cloud deployment experience
What Kind of Experience We Value
• 3D product configurators
• Architectural visualization tools
• Furniture / shed / garage / building designers
• Custom WebGL applications
• Engineering or construction-based interfaces
What This Role Is NOT
• ❌ Not a game development role
• ❌ Not a simple 3D viewer
• ❌ Not drag-and-drop website building
This role requires deep understanding of geometry, full-stack logic, and real-time 3D
rendering, not just visuals.
Soft Skills
• Strong problem-solving mindset
• Ability to convert real-world measurements into 3D logic
• Clean code & documentation habits
• Good communication with non-technical stakeholders
• Ownership mentality
Deliverables Expectations
• Modular, scalable 3D architecture
• Clean TypeScript codebase
• Reusable geometry components
• Configurator logic that supports:
o Add / remove components
o Dimension changes
o Material changes
• Production-ready performance
• Clear separation between configuration logic, 3D rendering, UI layers, and
backend services
Example Projects (Required)
Candidates must provide at least one of:
• 3D configurator
• Architectural visualization
• Babylon.js OR Three.js–based interactive application
GitHub / live demos preferred.
Final Hiring Note
We are looking for someone who can think like an engineer, build like a full-stack
architect, and render like a 3D specialist, owning both the frontend 3D logic (Babylon.js
or Three.js) and backend integration.

Nationality
Any
Iqama
Resident