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
49
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
81
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
75
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
74
three.js(3)
Umar Banaras's avatar
Umar Banaras
Lahore, Pakistan
3D Web Designer | Interactive Websites
New to Contra
3D Web Designer | Interactive Websites
Cover image for I’ve been exploring immersive web
I’ve been exploring immersive web design with Codex, combining my own art direction with AI-assisted development. This is one of my latest experiments — Lightning VFX. I’m still developing my skills, so I’d genuinely value feedback from experienced designers and creative developers. How does the visual direction feel? What would you improve? And for the senior designers here — where would you rate this work currently? Built with Codex. Art direction by me.
1
1
63
Cover image for Bride Éternelle is a luxury
Bride Éternelle is a luxury bridal fashion website concept designed to create an elegant, editorial shopping experience. The project combines refined typography, cinematic bridal imagery, subtle luxury detailing, and a sophisticated dark interface. The experience covers the full customer journey—from discovering bridal collections and exploring the brand story to viewing individual gowns and experiencing the site across mobile devices. The goal was to make the website feel less like a traditional online store and more like a digital luxury boutique. Focus: Web Design · UI/UX Design · Responsive Design · Luxury E-commerce
0
65
Cover image for I designed this concept as
I designed this concept as a showcase of how immersive 3D visuals, cinematic art direction, and modern web design can transform a digital experience. The interface combines a minimal dark aesthetic with interactive-focused layouts, premium product presentation, strong typography, and responsive design. Every section was designed to feel connected — from the opening experience to featured projects and mobile. The goal was simple: create a website that doesn’t just display a brand, but makes the brand feel premium and memorable. Focus: 3D Web Design · UI/UX · Interactive Design · Responsive Web Experience
0
77
Cover image for Mark Owen Concepts is a
Mark Owen Concepts is a live trading education website designed and developed to create a modern, premium digital presence for the brand. The project combines cinematic visual presentation with a clean, conversion-focused interface, responsive layouts, structured service and educational content, and a streamlined user journey across desktop and mobile. The objective was to move beyond a conventional trading website and create an experience that communicates discipline, credibility, education, and premium positioning while maintaining strong usability and performance.
0
47
three.js(3)
Abdul Rafay's avatar
Abdul Rafay
Gujranwala, Pakistan
AI-powered web apps, SaaS backends & automations.
New to Contra
AI-powered web apps, SaaS backends & automations.
Cover image for AI-Powered Lead Automation Website for
AI-Powered Lead Automation Website for a Real Estate AI Startup Built a full marketing site for a startup selling AI voice + chat automation to real estate agencies — the kind of project where the design had to sell "AI that never sleeps" before a single line of copy did. The challenge: The client's pitch was simple but the proof had to be visual: leads get missed after hours, after open homes, and in cold databases — and their AI catches all three. The site needed to feel alive — like the AI was actually running in the background — not just describe automation with a static hero image. What I built: A dark, glass-morphic hero with a live animated 3D AI avatar (Three.js) that reacts and pulses, paired with a custom cursor and magnetic buttons for a premium, "always-on" feel Animated counters and a scrolling proof ticker (GSAP + ScrollTrigger) that reveal results and capabilities as you scroll, instead of dumping everything above the fold A "Problem" section built around four real numbered failure points agencies actually experience (late-night enquiries, open-home follow-up, vendor nurture, database reactivation) — each paired with how the AI solves it A live embedded chat bot demo panel plus a placeholder for a voice bot demo, so prospects could try the product instead of reading about it A 4-step "how it works" process timeline and a results section translating automation into business outcomes (more appraisals, faster response time, always-on coverage) Full mobile responsiveness and a booking-call CTA wired straight into their CRM funnel Stack: Semantic HTML5 with a token-based CSS architecture (custom properties, fluid typography, CSS Grid) for a maintainable design system; GSAP + ScrollTrigger driving the scroll-based motion; Three.js/WebGL powering the real-time 3D avatar; vanilla ES6+ for interaction logic (no framework overhead); integrated with a CRM booking API for lead capture and routing. The result: A site that doesn't just claim "AI that never misses a lead" — it demonstrates it, from the first scroll to the live chat demo, giving the client a genuinely differentiated landing page in a market full of templated agency sites.
0
27
Cover image for Rangoli CRM - Serverless React
Rangoli CRM - Serverless React CRM Platform Rangoli CRM was a serverless React.js CRM platform that I developed from scratch, including the frontend, serverless backend workflows, API integrations, deployment, and production setup. The system was built to manage customers, orders, billing, printable invoices, shipments, and business reporting from a single dashboard. The frontend was built with React.js and hosted on Firebase Hosting. For backend/serverless logic, I used Firebase Cloud Functions, while Hasura was deployed on Heroku to provide GraphQL APIs for application data. I integrated shipment workflows, including Shiprocket, so the business could manage order delivery and tracking directly through the CRM. My Role Full Project Developer Key Work Developed the complete CRM from scratch Built React.js dashboard screens for customers, orders, billing, invoices, shipments, and reports Hosted the frontend on Firebase Hosting Built serverless workflows using Firebase Cloud Functions Used Hasura on Heroku for GraphQL data APIs Integrated GraphQL APIs with Apollo Client Integrated Shiprocket for shipment and delivery workflows Managed frontend state using Redux Built responsive UI using Ant Design Handled deployment, debugging, and production setup Tech Stack React.js, Redux, Ant Design, Firebase Hosting, Firebase Cloud Functions, Hasura, GraphQL, Apollo Client, Heroku, Shiprocket API, JavaScript
0
120
Cover image for MCP Intel Agent is a
MCP Intel Agent is a crypto intelligence and signal automation platform I built for MyCryptoParadise/ProParadiser. It ingests market data from a third-party source, validates and stores it in MongoDB, scores long/short opportunities across multiple timeframes, generates AI-assisted market intel using OpenAI, and publishes formatted updates to Telegram. I built the system from scratch, including backend APIs, scoring logic, admin dashboard, Telegram automation, deployment, and production maintenance. Live at https://mycryptoparadise.com/pro-paradiser/
0
112
Cover image for MisterChatter is an AI agent
MisterChatter is an AI agent for businesses running customer support and sales over chat and Telegram. It's trained on behavioral psychology to hold calm, on-brand, human-like conversations 24/7 — answering every query, converting casual inquiries into paying customers, and handling the workload of a 10-person team. I built the full product: positioning, landing page, pricing tiers, and three specialized agent types (Public Support, Sales-focused, VIP Care). Live at misterchatter.com (http://misterchatter.com)
0
126
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
26
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
27
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
29
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
37
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 psychedelica
psychedelica
0
16
Cover image for musicGen
musicGen
0
23
Cover image for Portfolio
Portfolio
0
7
Cover image for AudioViz
AudioViz
0
15
three.js(3)
Hadia Qureshi's avatar
Hadia Qureshi
Rawalpindi, Pakistan
Full Stack Developer | React.js, Node.js & PostgreSQL Expert
New to Contra
Full Stack Developer | React.js, Node.js & PostgreSQL Expert
Cover image for 🚀 Just launched my Interactive
🚀 Just launched my Interactive 3D Galaxy Portfolio! I wanted to create a portfolio that goes beyond a traditional website. Every planet represents a real project I've built throughout my web development journey—from my first project to my latest work. ✨ Built with: • React.js • Three.js • React Three Fiber • JavaScript • WebGL • GSAP • Vite I'm available for: ✅ React.js Development ✅ Frontend Development ✅ Full Stack Web Development ✅ 3D Web Experiences ✅ Responsive Website Development ✅ Landing Pages ✅ Portfolio Websites ✅ Website Redesign ✅ Bug Fixing & Performance Optimization 🌐 Live Portfolio: https://3dgalaxyportfolio.vercel.app/ If you're looking for a developer to build modern, fast, and interactive web applications, let's connect! #ReactJS #ThreeJS #ReactThreeFiber #WebDevelopment #FrontendDeveloper #FullStackDeveloper #JavaScript #WebGL #Freelancer #Contra #Portfolio #ResponsiveDesign #Vite #GSAP
1
87
Cover image for Digital Wallet & Peer-to-Peer Payment Platform
Digital Wallet & Peer-to-Peer Payment Platform
1
7
Cover image for YouTube Downloader and Clipper
YouTube Downloader and Clipper
1
7
Cover image for Sidra’s Brushes N Ink - Authentic Art Gallery
Sidra’s Brushes N Ink - Authentic Art Gallery
0
6
three.js(1)