Freelancers using WebGL in Islamabad

Freelancers using WebGL in IslamabadFreelancers using WebGL in Islamabad

Projects People

proIslamabad, Pakistan

CTO | AI, Three.js, Web, Mobile & SaaS Product Expert

New to Contra

CTO | AI, Three.js, Web, Mobile & SaaS Product Expert

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

174

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

259

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

243

Cover image for 3D T-Shirt Designer & Product

3D T-Shirt Designer & Product Customization Platform Developed a fully interactive 3D T-Shirt Designer & Product Customization Platform that enables customers to personalize apparel in real time directly from the browser. Users can upload logos, images, artwork, add custom text, adjust colors, and position design elements while instantly previewing every change on a high-quality 3D model. The platform delivers a smooth and responsive customization experience with real-time rendering, realistic materials, and intuitive controls, making it ideal for print-on-demand businesses, clothing brands, and eCommerce stores looking to offer an engaging product personalization experience.

0

220

Islamabad, Pakistan

Framer Designer & Developer — SaaS, AI & B2B Websites

$1k+: Earned

5.0: Rating

152: Followers

Framer Designer & Developer — SaaS, AI & B2B Websites

Cover image for NAC+ Glutathione Landing Page Design

NAC+ Glutathione Landing Page Design

7

4

Cover image for Finora — AI-Powered Investment Platform

Finora — AI-Powered Investment Platform

2

4

Cover image for Marketing Platform — eCommerce Email & SMS Agency

Marketing Platform — eCommerce Email & SMS Agency

9

6

Personal Branding Site — Luxury Marketing & Brand Strategy

8

6

proIslamabad, Pakistan

Certified Webflow Developer Lumos & Relume Framework Expert

1x: Hired

5.0: Rating

13: Followers

Certified Partner

Certified Webflow Developer Lumos & Relume Framework Expert

Cover image for Excited to share this custom

Excited to share this custom interactive slider I built in Webflow using Three.js, WebGL, and GSAP. The goal was to go beyond a normal image slider and create something more immersive, modern, and premium with fullscreen visuals, smooth transitions, drag interaction, arrow controls, subtle WebGL effects, and sound-based interaction. This was a fun experiment in combining Webflow with custom creative development to push the experience beyond standard no-code layouts. Always trying to build interactions that feel memorable, smooth, and different. #Webflow #ThreeJS #GSAP #WebGL #CreativeDevelopment #WebflowDeveloper #FrontendDevelopment #NoCode #WebDesign #InteractionDesign #Awwwards #PortfolioProject

0

46

Cover image for Your next high-ticket clients are

Your next high-ticket clients are asking Claude and ChatGPT—not just Google. Is your business showing up? 🤖👇 I just built a custom automation tool that instantly audits any website's AI Search Visibility (AEO) & SEO performance. Whether you run a law firm, an agency, an e-commerce brand, or any B2B business, you can drop your URL below. The system will analyze your site and email you a free breakdown: 📈 Your AI Search Visibility Score ⚠️ Major Technical & Indexing Issues ⚡ Quick Wins to outrank your competitors Bonus: 🌍 The system automatically detects your website's language. If your site is in German, Spanish, English, or any other language, the complete PDF report will be delivered localized to your native tongue! Whether you want to analyze your current website or need a brand new, high-converting website built for your business, I’ve got you covered.

0

77

Cover image for Just launched my new website

Just launched my new website for Muzmesh Creative 🚀 A modern Webflow-built experience focused on clean UI, smooth interactions, and performance-first structure. Built with: • Webflow (Lumos approach) • Modern animations & interactions • Fully responsive design This project represents my approach to building scalable, high-performing digital experiences for modern brands. Would love your feedback! 🔥 #Webflow #WebDesign #WebDeveloper #UIUXDesign #UXDesign #NoCode #NoCodeDevelopment #WebflowDeveloper #CreativeAgency #DigitalDesign #MotionDesign #GSAP #SEO #AEO #SaaS #Startup #Freelance #IndieMaker #DesignInspiration

0

95

Cover image for Mercia Lodge — Student Accommodation

Mercia Lodge — Student Accommodation Website (Webflow) Full Webflow build for a premium student accommodation brand in Coventry, UK. Designed and developed a conversion-focused site with a bold hero, CMS-driven room listings (Standard, Medium, Large Studios), booking CTAs, and a mobile-first layout — all built natively in Webflow with zero plugins.

4

338

Islamabad, Pakistan

Your digital presence deserves better — let’s build it right

Certified Partner

Your digital presence deserves better — let’s build it right

Cover image for Excited to share this Webflow

Excited to share this Webflow project! A custom Webflow website built for Hyperion, a global creative production company with offices in Los Angeles, New York and London. The goal was to create a premium digital experience that reflects the brand while making content management effortless for the client's team. What I delivered • Built a clean, scalable Webflow CMS for managing projects, capabilities, and content. • Developed a fully responsive, pixel-perfect website with a strong focus on performance and maintainability. • Integrated smooth GSAP animations and Webflow interactions to create an engaging user experience. • Used custom Swiper.js sliders to showcase case work in a sleek, editorial-style layout. • Structured the project using Client-First for scalability and easier long-term management. The result is a modern, interactive website that's visually engaging, easy to maintain, and built to grow with the business. #Webflow #WebDesign #WebDeveloper #UIUXDesign #NoCode #NoCodeDevelopment #WebflowDeveloper #CreativeAgency #DigitalDesign #ProductionStudio #GSAP #SEO #AEO #Freelance #DesignInspiration

0

16

Cover image for Headquarter Barbershop & Academy –

Headquarter Barbershop & Academy – Webflow Ecommerce & CMS Platform Designed and developed a premium, interactive Webflow Ecommerce website for a modern barbershop and barber academy in Denmark. The project combined ecommerce, education and brand storytelling into a seamless user experience. Key features included: • Fully custom Webflow development • Ecommerce store for barber products and styling creams • Ecommerce CMS Setup for courses, videos, Products and lesson management system • Dynamic team and instructor profiles • CMS Custom code Video showcase sections for academy content and brand promotion • Advanced CMS architecture for scalable content management • Premium animations and interactive Sliders for user experiences • Fully responsive design across desktop, tablet and mobile devices • Performance-focused development with clean Client First structure The goal was to create a high-end digital experience that reflects the quality of the brand while making it easy for visitors to explore services, purchase products and enroll in educational programs. Tools: Webflow, Webflow CMS, Webflow Ecommerce, Custom Interactions & Animations

1

89

Cover image for Just Launched: DNS Sight. High-Performance

Just Launched: DNS Sight. High-Performance Tech Platform Web Experience I recently wrapped up the development for DNSSight, a cutting-edge platform designed for deep technical infrastructure visibility. For a brand operating in the advanced networking and tech space, a generic corporate site won't cut it, the digital experience has to feel as precise, fast, interactive and futuristic as the product itself. I built this entire experience in Webflow, pushing the boundaries of web motion and performance to capture partners and user attention instantly. The Technical Execution & Stack: Choreographed Motion: Smooth, immersive scroll timelines and interactive hover layers built using custom GSAP and native Webflow interactions to maintain structural fluidity. Premium Tech Aesthetic: A pixel-perfect, dark-mode-first interface using sharp typography, deep neon gradients and clean spatial grid layouts. Ultra-Clean Architecture: Built from the ground up using a strict Client-First naming framework, ensuring the client has a scalable, easily modifiable backend. Performance Optimized: Clean semantic HTML structures and asset optimization to guarantee lightning-fast load times without sacrificing complex visual interactions. If you’re a technical founder or software company preparing for a product launch, a funding round or a major brand redesign then your website needs to reflect your team's technical brilliance. Let's build something exceptional together. 👉 Check out the live project here: https://dnssight.com/

0

69

Cover image for Artin Properties — Low Code

Artin Properties — Low Code Webflow App Artin Properties is a premium property rental platform specializing in short-term, long-term, and monthly luxury stays in VC - Canada. Initially kicked off by another agency, the project was unexpectedly dropped midway through development due to execution complications. Artin Properties brought me in as a rescue development partner to salvage the build, overhaul the broken mechanics and push the platform live under a critical one-week deadline. In just seven days, we stabilized the entire infrastructure, re-engineered the complex core functionalities, added brand-new sections and successfully launched a fully optimized, production-ready web application. Core Rescue Deliverables & Technical Overview Wized & Xano Full-Stack Logic Integration: Re-engineered the entire web application logic, connecting the Webflow frontend to Xano as the powerful, scalable backend database, with Wized processing all dynamic requests, data binding and state management. Advanced Multi-Tiered Booking Engine: Re-coded and repaired the site’s primary booking system via Wized to seamlessly process, calculate and differentiate between short-term, long-term and monthly rental structures, ensuring a frictionless reservation flow. Dynamic Search & Multi-Filter Logic: Restructured the property filtering architecture, utilizing Xano queries to allow prospective tenants to accurately sort, filter and discover properties based on real-time availability, duration and specific amenities. Secure User Dashboards & Accounts: Implemented and secured the client portal and user dashboard infrastructure, giving guests a streamlined, authenticated interface to manage their profiles, view active bookings and track historical stays natively powered by the Xano backend. CMS & Form Infrastructure Optimization: Reconfigured the Webflow CMS to allow the client to effortlessly manage the collections lists while systematically auditing and fixing all custom contact, inquiry and booking forms for flawless data capture. Responsive Precision & Structural Cleanup: Conducted a comprehensive layout audit to fix broken breakpoints, ensuring a pixel-perfect, highly fluid user experience across mobile, tablet and desktop viewports.

0

81

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 Hadia Masood — 3D Portfolio Universe

Hadia Masood — 3D Portfolio Universe

1

0

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

80

Cover image for Digital Wallet & Peer-to-Peer Payment Platform

Digital Wallet & Peer-to-Peer Payment Platform

1

0

Cover image for YouTube Downloader and Clipper

YouTube Downloader and Clipper

1

0

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

29

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

59

Cover image for Restaurants still taking orders on

Restaurants still taking orders on paper is wild to me. I built a custom, real-time ordering system that syncs instantly across 3 screens (customer kiosk, kitchen display, and waiter app). No refresh buttons or delays. Stack: Next.js, Supabase Realtime, WebSockets, Zustand, and Tailwind. Smart Inventory: When stock hits zero, the item automatically flips to "Sold Out" across every screen. No one has to remember to do it manually. Admin Dashboard: Manage the full menu, toggle items, adjust prices, and check daily sales—no code needed. Watch it in action here: https://youtu.be/iWXqQ44Gc94 If you run a café, restaurant, or food spot and want a setup like this, you can check the link in my profile or message me directly. Check it out (https://contra.com/p/WW7NYNEo-real-time-kiosk-pos-system)

0

39

Cover image for Custom 3D Interactive Product Configurator

Custom 3D Interactive Product Configurator

0

1

Islamabad, Pakistan

Digital Brand & Experience Designer

Digital Brand & Experience Designer

Cover image for Ethereal — WebGL Visual Experiment

This

Ethereal — WebGL Visual Experiment This was my first time experimenting with WebGL inside Unicorn Studio. I created this piece as a visual exploration of light, motion, refraction, and atmosphere.

1

88

Cover image for Pulsekit — AI Infrastructure Website

Pulsekit — AI Infrastructure Website Concept A quick website concept exploring how an AI infrastructure platform could feel more transparent, structured, and readable. I used a documentation-inspired layout, live system data, terminal-style interactions, and a sharp high-contrast visual system to communicate a deeply technical product without making the experience feel difficult to navigate. Designed across desktop and mobile.

0

32

Cover image for Testing Figma Motion for animated

Testing Figma Motion for animated brand presentation. This was not built as a full motion project — it was more of an experiment to see how far I could push motion directly inside Figma. The tricky part is that Figma Motion still has limits. You cannot animate everything the way you would in After Effects or a full motion tool, so I had to approach it in a more hacky way 🧠 working around restrictions, testing transitions, layering frames, and using simple movement to create atmosphere. It is not my most polished motion piece, but it was a useful test. The goal was simple: Can Figma be used not just to design static screens, but to present a brand with motion, mood, and presence? For this experiment, the answer is yes.

1

89

Cover image for FABLE is a fictional visual

FABLE is a fictional visual identity concept exploring brand identity, web design, animated gradients, mockups, and digital atmosphere through one cohesive visual system.😍 The full project was created in Figma, including the motion experiments. Since Figma motion is still new and comes with limitations, I had to approach it in a more experimental and hacky way 😂 — testing transitions, working around restrictions, and using motion to bring the brand world to life directly inside the design process. Not my most polished motion piece😊 , but a good test of how far Figma can be pushed for animated brand presentation.

0

81