Muhammad Faizan Ibrahim
Web Developer building modern 3D Websites
New to Contra
Muhammad is ready for their next project!
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
28
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
49
I have built a beautiful story telling website for WyzeDigital, which is a digital marketing agency. The brief was clean and direct, modern design, animated UI sections, mobile-first, and pixel-perfect from their design specs.
I built the site in React with Vite, focusing on responsive layout, smooth UI animations, and fast load performance. What made this project stand out wasn't just the build, it was the collaboration. The client had strong opinions and went through multiple rounds of feedback. I turned around every revision within 24 hours and delivered the final site ahead of the agreed deadline. Zero outstanding issues at sign-off.
Tech: React · Vite · JavaScript · CSS3 · Vercel
0
42
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
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
54
I built a cinematic, scroll-driven experience using React, GSAP ScrollTrigger, Lenis Scroll, and Framer Motion. Vertical scroll drives frame-by-frame video, a horizontal timeline, and section-locking — all with zero layout shifts across desktop and mobile.
The client loved the animation and overall experience on delivery — exactly the premium feel their brand needed.
Tech: React · GSAP · Lenis · Framer Motion · Vercel
0
72