Projects using WebGL in RawalpindiProjects using WebGL in RawalpindiExcited 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 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 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 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. 3D IFC Viewer & Editor with AI-Powered Error Detection Platform
Developed an advanced 3D IFC Viewer and Editor designed for the Architecture, Engineering, and Construction (AEC) industry, enabling professionals to visualize, inspect, edit, and validate complex Building Information Modeling (BIM) data directly within the browser. The platform combines high-performance 3D rendering with AI-powered model analysis to improve project accuracy, collaboration, and workflow efficiency.
Built using modern web technologies including Three.js, WebGL, IFC.js, React.js, and Node.js, the solution provides seamless navigation of large IFC models, real-time property inspection, model editing capabilities, clash detection workflows, and intelligent error identification. Integrated AI algorithms automatically analyze BIM data to detect design inconsistencies, missing elements, geometry conflicts, and compliance issues, helping teams reduce costly mistakes before construction begins.
The platform supports collaborative digital construction workflows through cloud-based model management, interactive 3D visualization, real-time updates, and scalable backend services. By combining BIM technology, AI-driven validation, and browser-based 3D interaction, the system delivers a powerful solution for architects, engineers, contractors, and project managers.
Core Features:
3D IFC Model Visualization
Browser-Based BIM Viewer
IFC File Editing & ManagementAI-Powered Error Detection
BIM Model Validation
Clash Detection & Issue Identification
Real-Time Property Inspection
Interactive 3D Navigation
