SR

Loading Experience...

Available for Freelance Projects

3D Product Configurator & WebGL Developer

I build web-based 3D product configurators with PlayCanvas, Three.js and WebGL for automotive, furniture, home and eCommerce brands, plus full stack Laravel applications. 5+ years of experience and 80+ projects delivered.

5+

Years Experience

80+

Projects Delivered

40+

Happy Clients

Sarfraz Rasheed, 3D product configurator and WebGL developer
3D Product Configurators PlayCanvas Three.js WebGL & 3D Graphics Automotive Configurators House & Furniture Configurators PHP Laravel Full Stack Development React & Vue.js Node.js 3D Product Configurators PlayCanvas Three.js WebGL & 3D Graphics Automotive Configurators House & Furniture Configurators PHP Laravel Full Stack Development React & Vue.js Node.js
Sarfraz Rasheed, software engineer based in Karachi, Pakistan
5+ YRS

Turning Complex Ideas Into
Elegant Digital Solutions

I'm Sarfraz Rasheed — a software engineer and freelance 3D developer based in Karachi, Pakistan, working with clients worldwide. I specialise in interactive 3D product configurators: real-time, browser-based 3D product visualization that lets customers customise cars, furniture, cabinets, rugs, jewellery and more before they buy.

I build configurators with PlayCanvas and Three.js, and connect them to Laravel admin panels so you can manage products, materials and orders yourself. Alongside 3D work, I'm a full stack developer building scalable web applications with Laravel, React, Vue.js and Node.js.

With a BSCS from University of Karachi and currently pursuing my MSCS (specialization in Machine Learning) at SZABIST University, I combine solid academic grounding with hands-on engineering expertise to deliver production-grade solutions.

PlayCanvas & Three.js Developer
Full Stack Laravel Developer
ML Enthusiast

3D, WebGL & Full Stack Skills

Technologies I work with daily to build powerful, interactive, and scalable solutions.

Frontend

HTML5CSS3 Bootstrap 5JavaScript jQueryReact Vue.js

Backend

PHPLaravel Node.jsPython FastAPI

Databases

MySQLPostgreSQL MongoDB

3D / WebGL

PlayCanvasThree.js WebGL3D Product Configurators 3D Modelling3D Rendering Autodesk 3ds Max

Emerging

Machine LearningData Science Python ML Stack

3D Configurator & Web Development Services

From real-time 3D product visualization to the Laravel backend that powers it — end-to-end, in one place.

01

3D Product Configurators

Interactive, web-based 3D product configurators that let customers change colours, materials, sizes and options in real time — on desktop and mobile, with no app to install. Built to boost engagement and conversions for eCommerce brands.

02

Automotive 3D Car Configurators

Real-time 3D car configurators for dealers and automotive brands: paint colours, wheels, trims and accessories, with a 360° view of the vehicle right in the browser.

03

House & Furniture 3D Configurators

3D configurators for houses, interiors, furniture, cabinets, tables and hot tubs. Customers design their own layout, finish and dimensions and see the result instantly in 3D.

04

PlayCanvas & Three.js Development

Custom WebGL development with PlayCanvas and Three.js — optimised 3D scenes, fast-loading models and smooth performance on every device.

05

Full Stack & Laravel Development

End-to-end web applications with Laravel, React, Vue.js, Node.js or Python FastAPI — including admin panels that manage your configurator's products, textures, pricing and orders.

06

3D Modelling & Rendering

Optimised, web-ready 3D models and photorealistic renders for products and marketing, created in Autodesk 3ds Max.

Product Configurator Projects

Live 3D product configurators and full stack projects for clients in automotive, furniture, fashion, jewellery and home products. Open any demo and try it yourself.

3D table configurator with shape, material and size options
Live Demo

3D Table Product Configurator

An interactive 3D table configurator that allows users to customize tabletop shape, frame type, material finish, edge style, and table dimensions in real time.

Three.jsWebGLJavaScript
TailorGo 3D suit configurator built in PlayCanvas
Live Project

TailorGo — 3D Suit Configurator

Real-time 3D suit configurator built in PlayCanvas. Customers choose fabric, buttons, lapels, pockets, sleeves, vent, colors and lining directly in the browser, then checkout.

PlayCanvasWebGLJavaScript
Pandora Living 3D cabinet configurator for furniture
Live Project

Pandora Living — 3D Cabinet Configurator

Fully interactive 3D Cabinet Configurator for Pandora Living, a Danish furniture company. Users configure cabinet dimensions, materials, colors, and finishes with live 3D preview.

PlayCanvasWebGLJavaScript
AKR Rugs interactive 3D carpet configurator
Live Project

AKR Rugs — Interactive 3D Carpet Configurator

Fully interactive 3D Carpet Configurator for AKR Rugs, built using PlayCanvas. Customers select designs, colorways, shapes, border styles, and custom sizes in real time.

PlayCanvasWebGLJavaScript
3D car configurator for an SUV built with PlayCanvas and WebGL
Live Demo

SUV 3D Car Configurator

Automotive 3D car configurator for an SUV, built in PlayCanvas. Users explore the vehicle in real time from every angle and customise its options directly in the browser.

PlayCanvasWebGLJavaScript
3D bicycle configurator with real-time parts and colour customisation
Live Demo

3D Bicycle Configurator

Interactive 3D bicycle configurator where customers customise the bike's parts, colours and finishes and preview every change instantly in 3D.

PlayCanvasWebGLJavaScript
GetSwitches 3D light switch configurator
Live Project

GetSwitches — 3D Product Switch Configurator

A powerful 3D Switch Configurator for GetSwitches, a luxury switch brand. Users configure switch panels with real-time 3D preview, material and color options.

PlayCanvasWebGLJavaScript
Moja Balla 3D hot tub configurator
Live Project

Moja Balla — 3D Hot Tub Configurator

Immersive 3D Hot Tub Configurator for Moja Balla, a brand specializing in customizable wooden hot tubs. Features integrated size options, accessories, and real-time 3D rendering.

PlayCanvasWebGLJavaScript
3D headphones product configurator for eCommerce
Live Demo

3D Headphones Product Configurator

Web-based 3D product visualization for headphones. Shoppers rotate, zoom and customise colours and materials in real time — ideal for eCommerce product pages.

PlayCanvasWebGLJavaScript
Dansk Rideudstyr horse saddle pad configurator
Live Project

Dansk Rideudstyr — 2D Horse Pad Configurator

Feature-rich 2D Horse Pad Configurator for Dansk Rideudstyr, one of Denmark's leading equestrian brands. Customers customize pad fabric, trim, velcro, piping, and logo in real time.

JavaScriptCanvas 2D
3D ring configurator with metal and gemstone options
Live Demo

3D Ring Configurator

Fully interactive 3D Ring Configurator featuring real-time metal finish, gemstone, and band customization with live 3D preview.

PlayCanvasWebGLJavaScript
TailorGo Laravel admin panel for orders management
Live Project

TailorGo — Admin & Orders Management

Full-featured Laravel admin panel for TailorGo. Manages orders across pending/assigned/completed stages, partner assignment, fabric texture uploads with visibility control, and detailed order views with customer info, measurements, style choices, colors, and pricing.

LaravelPHPMySQLBootstrapJavaScript
AKR Rugs Laravel admin panel for the 3D configurator
Live Project

AKR Rugs — Admin Panel

Backend admin system for the AKR Rugs configurator. Manage designs, colorways, shapes, borders, border textures, sizes, and logo uploads — all reflected live in the 3D configurator.

LaravelPHPMySQLBootstrapJavaScript

Experience

2020 — Present

Senior Software Engineer & WebGL Developer

Freelance — Fiverr & Upwork

Building 3D product configurators, full-stack web applications for global clients. Specializing in WebGL, React, Laravel, and Python ecosystems.

2020 — Present

Full Stack Developer

Remote Client Projects

Developing and deploying scalable web applications using PHP Laravel, Node.js, and frontend frameworks. Managing databases, API integrations, and deployment pipelines.

Academic Journey

Current

MS Computer Science

SZABIST University — ML Specialization

Pursuing Master's degree with specialization in Machine Learning. Exploring deep learning, NLP, computer vision, and their applications in software engineering.

Completed

BS Computer Science

University of Karachi

Completed Bachelor's in Computer Science with a strong foundation in algorithms, data structures, software engineering, and web development.

3D Product Configurator FAQs

Common questions about 3D configurators, PlayCanvas, Three.js and working together.

What is a 3D product configurator?

A 3D product configurator is an interactive tool on your website that lets customers customise a product — colours, materials, sizes and options — and see the result instantly in real-time 3D. It runs in the browser using WebGL, so there's nothing to install, and it helps customers buy with confidence.

Do you build with PlayCanvas or Three.js?

Both. I work with PlayCanvas and Three.js, the two most popular WebGL engines for the web, and choose the right one for your project based on your product, performance needs and existing website.

Can you build an automotive 3D car configurator?

Yes. I build automotive 3D configurators where users change paint colours, wheels, trims and accessories and view the car in 360°. You can try my live SUV car configurator demo in the projects section above.

Do you build configurators for houses, furniture and home products?

Yes. I've built 3D configurators for cabinets, tables, rugs, hot tubs and more, and I build house and interior configurators where customers choose layouts, materials and finishes in 3D.

Can the configurator connect to my online store or backend?

Yes. As a full stack Laravel developer, I build the admin panel and backend too — so you can manage products, textures and prices yourself — and I can connect the configurator to your checkout, order system or eCommerce platform through its API.

How long does a 3D configurator project take?

It depends on the number of products, 3D models and options. After a short call about your product, I'll share a clear timeline and quote before we start.

Do you work with clients outside Pakistan?

Yes. I'm based in Karachi, Pakistan, and work remotely with clients worldwide, including brands in Denmark and across Europe.

Let's Build Something
Amazing Together

Have a project in mind? I'd love to hear about it. Drop me a message and let's create something extraordinary.

Location

Karachi, Pakistan

Response Time

Within 1 hour (PKT, UTC+5)