AVAILABLE FOR WORLDWIDE ENGAGEMENT

CRAFTING NEXT-GEN
3D DIGITAL WORLDS

> Creative Technologist

Pioneering hyper-performant WebGL architectures, custom GLSL shaders, and reactive 3D interfaces that bridge the boundary between imagination and reality.

⚡ 3D LAB: Switch 3D Model
3D RIG: DEV & DESIGN CAD
DISPLAY ENGINE: LIVE SYNTAX 60FPS
INTERACTION: DRAG & TILT 3D
ORBITING STACK: FIGMA • HTML • CSS • JS • REACT • TS
Click & Drag to Rotate in 3D

ENGINEERING THE UNCANNY

Merging mathematical precision with bold aesthetic storytelling.

bash - session://Marouane@matrix-node

visitor@portfolio:~$ whoami

"Marouane El Kaabi — Creative Technologist & Web Systems Architect"


visitor@portfolio:~$ cat profile.json

// Core Philosophy & Coordinates

{
  "focus": "Interactive Web-designs, Real-time 3D, High-Load Web Apps",
  "experience": "3+ Years Crafting Digital Excellence",
  "renderingEngines": ["Three.js", "GLSL Shaders", "WebGPU"],
  "mindset": "Performant, tactile, unforgettable experiences."
}


visitor@portfolio:~$ status --all

● All systems optimal. Ready for complex challenges.

⚡

Marouane El Kaabi

<Lead Engineer / Creative Coder>

Specialized in pushing browsers to their absolute graphics limits without sacrificing fluidity or accessibility. From bespoke 3D e-commerce configuration engines to sound-reactive WebGL visualizations, I engineer websites that look like the future.

30+
Projects Shipped
3+
Years of Mastery
100
Client Satisfaction
7
Awards & Honors

TECHNICAL DOMAINS

Multi-disciplinary stack engineered for deep visual immersion and raw performance.

💎

3D & Web-Design Graphics

Full project management 96%
Three.js / Figma 88%
Blender / 3D Asset Optimization 82%
⚡

Frontend Architecture

React / Next.js / TypeScript 92%
GSAP Animations & ScrollTrigger 96%
Modern CSS3 / Houdini / Glassmorphism 95%
🌐

Backend & Cloud Systems

Node.js / Express / Laravel 81%
Python / AI Integrations 80%
Docker & WebSockets Streaming 84%

3D INTERACTIVE CREATIONS

Hover and interact with each card to experience dynamic 3D perspective shifts.

WEBGL // THREE.JS

Hyperion 3D Space Portal

An immersive WebGL space exploration portal rendering procedural planetary atmospheres, volumetric rings, and physics-based orbital mechanics at 60 FPS.

Three.js GLSL Shaders WebGL 2.0 Cannon.js
AI // SOUND REACTIVE

Neo-Synth Neural Visualizer

Real-time audio-reactive neural network visualizer that decodes audio frequencies via the Web Audio API and displaces 3D vertices using mathematical noise fields.

Web Audio API Vertex Shaders TensorFlow.js GSAP
COMMERCE // WEBXR

Chronos Luxury 3D Customizer

Ultra-high-fidelity interactive 3D product customizer with physically based rendering (PBR), diamond refractive dispersion, and WebXR AR projection.

Three.js PBR WebXR Next.js Tailwind
SYSTEMS // OS

Cyberpunk Matrix Virtual OS

A web-based desktop workspace featuring simulated file systems, functional code runners, 3D window layering, and custom shell scripting interpreters.

React WebSockets Docker TypeScript

CAREER MILESTONES

Key roles, agency collaborations, and architectural accomplishments.

2023 — PRESENT

web agency founder

Tech Digital Agency(Tech-DA)

Spearheading all interactive design pipelines, building real-time Web/Mobile apps rendering pipelines for Fortune 100+ clients, and authoring in-house libraries.

2024 — 2025

Full Stack Developer

MTCH(mtc-maroc.com)

Developed responsive web applications with rich Canvas/SVG micro-animations, headless CMS integrations, and real-time multiplayer WebSocket rooms.

2025 — 2026

Senior Creative Technologist

Corner Mobile

Architected award-winning experiential campaigns, implemented it systems & camera rigs and custom physics engines that increased user session durations by 180%.

HAVE A VISION FOR THE IMPOSSIBLE?

Whether you need a world-class 3D product launch, interactive web installation, or cutting-edge graphics engineering, let's bring it to life.

Start a Project Inquiry

TRANSMIT A MESSAGE

Reach out for collaborations, speaking engagements, or anything at all.

Direct Frequencies

Currently taking on select high-impact projects and strategic technical advisories. My inbox is open.

SOCIAL CHANNELS
Transmission received!