Freelancers using three.js in PunjabFreelancers using three.js in Punjab
ProjectsPeople
Muhammad Faizan Ibrahim's avatar
Muhammad Faizan Ibrahim
Lahore, Pakistan
Web Developer building modern 3D Websites
New to Contra
Web Developer building modern 3D Websites
Cover image for Developed a 3D web experience
Developed a 3D web experience powered by Three.js! I created this interactive 3D website as a portfolio piece to demonstrate my skills in 3D web development — blending creativity, precision, and performance. At the heart of the project is a fully interactive 3D model of a can, animated to bring the experience to life. 💡 The goal? To explore how immersive GSAP and smooth 3D interactions can transform product showcases on the modern web. 🛠 Tech Stack: 🎯 Three.js + GSAP for real-time 3D rendering and scrolling ⚛️ React & Next.js for seamless interactivity 🎨 Tailwind CSS for a clean, responsive UI This project reflects how far we can push the boundaries of visual storytelling on the web. 📌 Check it out, and let me know what you think!
0
29
Cover image for E-commerce brands lose sales when
E-commerce brands lose sales when customers can't visualize products before buying. Luxora is my answer to that problem. A concept furniture store built to demonstrate what's possible with Three.js and React Three Fiber — featuring a real-time 3D sofa configurator where users customize and visualize furniture directly in the browser, with smooth WebGL rendering and zero performance compromise. Built for clients in furniture, interior design, or any product-based industry who want 3D visualization on their storefront. Tech: React · Three.js · R3F · GSAP · Tailwind · Vercel
0
57
Cover image for Shoe and fashion brands pour
Shoe and fashion brands pour money into ads — then send traffic to flat, lifeless product pages that don't convert. Pulse Shoes is my proof of what's possible instead. A concept sneaker store featuring a real-time 3D shoe configurator built with Three.js and React — users rotate, inspect, and customize products directly in the browser, guided by GSAP ScrollTrigger animations that turn scrolling into a visual story. Built for fashion, footwear, or lifestyle brands ready to make their product the experience. Tech: React · Three.js · GSAP · ScrollTrigger · Vercel
0
55
Cover image for AurexChrono is a concept luxury
AurexChrono is a concept luxury Swiss watch brand I built as a portfolio piece to demonstrate premium brand web design. The goal was to create the kind of website a high-end watch brand would actually use, cinematic feel, strong visual hierarchy, and a user experience that makes the product feel desirable before a single word is read. I built it in Next.js with TypeScript using the App Router, implemented scroll-triggered GSAP animations throughout, and built an image gallery showcasing 10+ product visuals with smooth transitions. The site includes a pre-order flow and a working contact form, all optimized for performance and fully responsive across every screen size. Tech: Next.js · TypeScript · GSAP · CSS3 · Vercel
1
50
three.js(3)
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
7
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
11
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
15
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
21
three.js(1)
Abdullah CH's avatar
Abdullah CH
Lahore, Pakistan
AI-Powered Apps: Web, Mobile & Desktop Solutions
AI-Powered Apps: Web, Mobile & Desktop Solutions
Cover image for Portfolio
Portfolio
0
3
Cover image for musicGen
musicGen
0
15
Cover image for psychedelica
psychedelica
0
11
Cover image for AudioViz
AudioViz
0
8
three.js(3)
Muhammad Hassan Ali's avatar
Muhammad Hassan Ali
Lahore, Pakistan
3D WebGL Engineer
3D WebGL Engineer
Cover image for WebGL Product
WebGL Product
1
0
Cover image for Model/Product Configurator
Model/Product Configurator
1
0
Cover image for HTML5 WebGL Game
HTML5 WebGL Game
1
0
Placeholder project card media
View more →
three.js(3)
Muhammad Abubakar's avatar
Muhammad Abubakar
Jhelum, Pakistan
MERN Designer: Beyond Client Expectations 🌟
MERN Designer: Beyond Client Expectations 🌟
Cover image for Fully Customized Company's Website
Fully Customized Company's Website
0
3
Cover image for Single Pager Car Detailing Website
Single Pager Car Detailing Website
0
4
Cover image for Chatter- MERN Stack chat Application
Chatter- MERN Stack chat Application
0
1
Placeholder project card media
View more →
three.js(1)
Hassan Abdullah's avatar
Hassan Abdullah
Lahore, Pakistan
Frontend Focused Fullstack Developer: Next.js/ React Expert
Frontend Focused Fullstack Developer: Next.js/ React Expert
Cover image for Personal Portfolio Website
Personal Portfolio Website
0
4
Cover image for Flexore Group LTD site
Flexore Group LTD site
0
10
Cover image for Social Media marketing App
Social Media marketing App
0
3
Placeholder project card media
View more →
three.js(1)