Freelancers using three.js in IslamabadFreelancers using three.js in Islamabad
ProjectsPeople
Talha Ahmed's avatar
Talha Ahmed
proIslamabad, Pakistan
Expert 3D Web & Mobile | Gen-AI LLMs | Saas Product
New to Contra
Expert 3D Web & Mobile | Gen-AI LLMs | Saas Product
Cover image for Innovative 3D Jewelry Configurator Showcasing Premium Designs
Interactive 3D Jewelry Configurator & Product Showcase Full Description Developed a premium 3D Jewelry Configurator that enables customers to explore and personalize jewelry through an immersive browser-based experience. The platform features real-time 3D visualization, interactive product rotation, metal customization, realistic gemstone rendering, smooth animations, and responsive controls. Built using modern WebGL technologies to deliver a luxury digital showroom that enhances customer engagement and online product presentation. Similar configurators are increasingly used by jewelry brands to let customers preview metals, gemstones, and designs before purchase. Role Senior Full Stack Three.js Developer Work Description Led the end-to-end development of a luxury 3D Jewelry Configurator, creating an immersive digital experience for showcasing premium jewelry collections. Built the interactive frontend using React, Three.js, React Three Fiber, TypeScript, WebGL, and GSAP, enabling photorealistic rendering, real-time material customization, smooth animations, and responsive 3D interactions. Optimized 3D assets and rendering pipelines to deliver a fast, high-quality experience across desktop and mobile while maintaining scalability for future product collections. Technologies React • Three.js • React Three Fiber • TypeScript • WebGL • GSAP • GLTF/GLB • HDR Lighting • PBR Materials • Node.js • REST APIs Key Contributions Built a luxury 3D jewelry experience Real-time metal & material customization Photorealistic gemstone rendering Smooth 360° product interaction Performance optimization for WebGL Responsive cross-device experience
0
73
Cover image for Interactive 3D Car Configurator &
Interactive 3D Car Configurator & Vehicle Customization Platform Description Led the end-to-end development of a browser-based 3D Car Configurator & Vehicle Visualization Platform, delivering a premium digital showroom experience for automotive businesses. Architected and developed the interactive frontend using React, Three.js, React Three Fiber, TypeScript, WebGL, and GSAP, enabling real-time vehicle customization with dynamic colors, materials, wheels, accessories, and 360° camera controls. Designed scalable backend services with Node.js, Express, and REST APIs to manage vehicle data, product variants, configurations, and business logic. Optimized 3D models using GLTF/GLB, HDR environments, PBR materials, texture compression, and lazy loading to achieve smooth performance across desktop and mobile devices. Technologies React • Three.js • React Three Fiber • TypeScript • WebGL • GSAP • Node.js • Express.js • REST APIs • GLTF/GLB • PBR Materials • HDRI • Git Key Contributions Architected the complete 3D configurator Built immersive real-time vehicle customization Developed scalable backend APIs Optimized rendering performance and asset loading Implemented responsive cross-device experience Delivered a production-ready automotive visualization platform Features Real-Time Vehicle Customization Interactive 3D Visualization Color & Material Selection Wheel & Rim Configurations Accessory & Variant Management 360° Camera Controls Performance Optimization Responsive Web Experience Backend API Integration Scalable Architecture
0
99
Cover image for Interactive 360° Virtual Tour &
Interactive 360° Virtual Tour & Property Visualization Platform Developed a high-performance 360° Virtual Tour & Property Visualization Platform that enables users to explore residential, commercial, and hospitality spaces through immersive browser-based experiences. Users can freely navigate every room, inspect spaces from any angle, interact with hotspots, and access detailed information in real time. Built with modern web technologies, the platform delivers smooth navigation, responsive performance, and an engaging virtual walkthrough experience across desktop and mobile devices. Features 360° Interactive Virtual Tours Room-to-Room Navigation Interactive Hotspots Points of Interest (POIs) Floor Navigation Image & Video Integration Information Popups Guided Tour Mode Full-Screen Experience Mobile & Desktop Responsive Browser-Based Access High-Performance Rendering Fast Loading & Optimized Performance Easy Content Management
0
182
Cover image for 3D E-Commerce Product Visualizer |
3D E-Commerce Product Visualizer | Interactive 360° Product Experience Role Full Stack Developer | Three.js Developer | 3D Web Engineer Description Developed a high-performance 3D E-Commerce Product Visualizer that enables customers to interact with products in real time directly in the browser. Users can rotate products 360°, zoom, inspect fine details, and view multiple angles through a smooth, responsive interface. Built with modern web technologies, the platform delivers a realistic product visualization experience that enhances customer engagement, improves buying confidence, and helps increase conversion rates for e-commerce businesses. Skills. Three.js React.js JavaScript WebGL 3D Visualization E-Commerce Product Customization TypeScript
0
206
three.js(7)
Muhammad Zakria's avatar
Muhammad Zakria
Islamabad, Pakistan
Full-Stack Engineer · Real-Time Systems & 3D Web
Full-Stack Engineer · Real-Time Systems & 3D Web
Cover image for "Can I see it in
"Can I see it in blue?" shouldn't require a back-and-forth email chain. I build interactive 3D product configurators that run right in the browser. Drop in your model, and your customers can rotate, zoom, and swap colours or materials instantly—fully optimized for mobile. Performance: All textures are generated procedurally via the Canvas API instead of loading heavy images. It stays lightning-fast without sacrificing visual quality. B2B Ready: Includes a built-in PDF export. One click snapshots the user’s exact configuration and generates a clean quote sheet for internal team sharing. Deliverables: You get the full repository, Vercel deployment, and clean written docs. No endless handover calls needed. Check the service link on my profile to learn more, or shoot me a DM. https://contra.com/s/AOLAZbBQ-custom-3-d-interactive-product-configurator
0
23
Cover image for Custom 3D Interactive Product Configurator
Custom 3D Interactive Product Configurator
0
1
Cover image for In this project, I made
In this project, I made "Straw Struck," a high-performance interactive 3D configurator built for B2B ordering. This web app allows users to customize every aspect of a product in real-time—from dimensions and colors to material wrappers—and instantly generates a downloadable PDF quote with a screenshot of their custom design. 🚀 Key Features: - Real-Time 3D Visualization: Built with React Three Fiber, featuring dynamic scaling and geometry swapping (Straight vs. Flexible). - Procedural Textures: Zero image assets loaded! All textures (Paper, Film, Concrete) are generated programmatically via the Canvas API for infinite resolution and fast loading. - Smart Validation: Enforces manufacturing constraints (MOQ, Length limits) automatically. - Instant PDF Quotes: Uses jsPDF to capture the 3D scene and generate a professional order summary on the fly. - Responsive Design: Fully optimized split-screen UI using Tailwind CSS that works seamlessly on mobile and desktop. 🛠️ Tech Stack: - Framework: React 18 & Vite - 3D Engine: React Three Fiber (Three.js / Drei) - Styling: Tailwind CSS & Framer Motion - State Management: Zustand / React Hooks - PDF Generation: jsPDF
0
56
Cover image for Most off-the-shelf POS software charges
Most off-the-shelf POS software charges monthly fees, locks you into their hardware, and still doesn't fit your exact workflow. I build custom POS systems. You own the code. No subscriptions, no vendor lock-in. Video: https://youtu.be/iWXqQ44Gc94 The Setup: A standard build includes a 3-screen ecosystem (customer kiosk, kitchen display, and waiter app) with instant real-time sync, smart inventory logic, and an admin dashboard. Deployed on Vercel and handed off with a clear written guide. Pricing: Based on scope. A setup similar to my demo project runs $900–$1,200. Smaller builds cost less, while larger projects are quoted by milestone. How I Work: Fully async. Requirements, feedback, and approvals are handled entirely in writing. No unnecessary meetings. The service is listed on my profile. Send over your requirements and I will put together a custom breakdown. https://contra.com/s/YlBXPZLm-real-time-pos-kiosk-and-kitchen-display-system-kds
0
49
three.js(3)
M. Furqan Hameed's avatar
M. Furqan Hameed
Islamabad, Pakistan
Versatile Full Stack Developer: ReactJS, NextJS, Django
5.0
Rating
8
Followers
Versatile Full Stack Developer: ReactJS, NextJS, Django
Cover image for Rebranding: MuslimFest
Rebranding: MuslimFest
0
23
Cover image for E-Learning Platform: FreelanceGuru.net
E-Learning Platform: FreelanceGuru.net
0
15
Cover image for AI SaaS Startup
AI SaaS Startup
0
30
Cover image for Akcru: Streaming & WatchParty React Native App
Akcru: Streaming & WatchParty React Native App
0
30
three.js(1)
Syed Asad Iftikhar's avatar
Syed Asad Iftikhar
Rawalpindi, Pakistan
AI Automation Engineer | n8n, Flutter & Voice AI Specialist.
New to Contra
AI Automation Engineer | n8n, Flutter & Voice AI Specialist.
Cover image for I engineered a high-performance, browser-based
I engineered a high-performance, browser-based 3D experience that allows users to manipulate a system of 15,000+ particles using real-time hand gestures. This project explores the intersection of Web Graphics and Computer Vision, turning a standard webcam into a spatial controller. The Technical Challenge The main hurdle was achieving a "haptic" feel ensuring the particles reacted instantly and smoothly to physical movements without lag. This required mapping 2D webcam coordinates into a 3D coordinate system and calculating volumetric transformations on the fly. The Solution & Workflow High-Performance Rendering: Used Three.js and WebGL with additive blending and custom color mapping to render a massive particle count at a consistent 60 FPS. Real-time Inference: Integrated Google MediaPipe to track 21 3D landmarks per hand directly in the client-side browser, eliminating the need for a backend. Dynamic Math: Implemented custom lerping (Linear Interpolation) and gesture thresholds to create fluid movements, such as a "fist-clench" collapsing the particles into a sphere and an "open-palm" expanding them into a galaxy. The Results Created a fully immersive, zero-latency interface that demonstrates the power of the modern web for interactive AI applications.
0
10
Cover image for I built a custom AI
I built a custom AI Voice Agent for a service-based business to automate their appointment booking process. The system handles inbound/outbound calls, qualifies customers, and manages scheduling without any human intervention. The Technical Challenge The goal was to create a "robust" agent that could handle natural human speech patterns including stammers or mid-sentence changes while maintaining the conversational flow. I needed to bridge the gap between high-fidelity voice synthesis and real-time database management. The Solution & Workflow Voice & Logic: Integrated ElevenLabs for realistic vocal performance and Retell AI (or similar) for low-latency conversational handling. Automation Engine: Built complex workflows in n8n to process the data gathered during the call. Real-time Integration: The system automatically cross-references and updates Google Calendar, sending instant confirmations to both the client and the customer. The Results 100% Automation: Successfully moved the client from manual phone bookings to a fully autonomous system. Error Handling: Programmed the agent to stay on track even when users provide vague or self-correcting input.
0
13
Cover image for I developed Chezify, a high-performance
I developed Chezify, a high-performance mobile application tailored for a local fast-food restaurant. The goal was to bridge the gap between a traditional physical storefront and a modern digital presence by providing a seamless, branded ordering interface. The Technical Challenge The focus was on creating a Modular Architecture that allows the business to scale its menu effortlessly. I designed a library of reusable Flutter widgets (FoodCards, DealCards) that ensure UI consistency across the entire app while maintaining a strict 60 FPS performance target for a premium user experience. The Results Optimized Performance: Achieved silky-smooth scrolling and transitions, even with high-resolution imagery. Scalable Design: Built a custom UI/UX from scratch using Dart, avoiding generic templates to ensure brand uniqueness. Business Integration: Developed an "Exclusive Deals" logic to drive higher order values through targeted combo offers.
0
16
Cover image for I developed a real-time Air
I developed a real-time Air Drawing Application that uses Computer Vision to transform hand gestures into digital input. By utilizing a standard webcam, the app allows users to draw, erase, and select colors in mid-air without any physical contact with the screen. Key Technical Features: Hand Tracking: Integrated MediaPipe to track 21 specific hand landmarks with high precision and near-zero latency. Gesture Logic: Programmed custom state-switching—using a single index finger for "Drawing Mode" and a two-finger gesture for "Selection Mode" to navigate the UI. Real-time Rendering: Leveraged OpenCV for video processing and to create a dynamic, responsive canvas overlay. This project demonstrates my ability to build Human-Computer Interaction (HCI) tools and implement real-time AI solutions using Python.
0
25
three.js(1)
Haseeb Ul Hassan's avatar
Haseeb Ul Hassan
Rawalpindi, Pakistan
Efficient MERN STACK developer & Designer
Efficient MERN STACK developer & Designer
Cover image for Haseeb Ul Hassan
Haseeb Ul Hassan
0
14
Cover image for Enhancing Your Visual Storytelling: ADOBE Photoshop/Lightroom
Enhancing Your Visual Storytelling: ADOBE Photoshop/Lightroom
0
8
Cover image for Netflix clone using MERN stack and TMDB api
Netflix clone using MERN stack and TMDB api
0
90
Placeholder project card media
View more →
three.js(1)