Tersedia untuk Proyek & Kolaborasi

Muhammad Haikel Saleh
Dikenal Sebagai Kaell.

Saya adalah seorang Creative Technologist & 3D Web Specialist asal Jakarta, Indonesia. Berfokus pada perpaduan antarmuka web modern, visual interaktif 3D WebGL, dan arsitektur kode bersih.

// 01. Profil & Perjalanan

Tentang Saya & Filosofi Rekayasa

Mengubah Ide Menjadi Pengalaman Interaktif 3D

Halo! Saya Haikel (Kaell). Saya percaya bahwa sebuah website di era modern adalah kanvas digital interaktif di mana pengguna bisa merasakan kedalaman spasial, fisika gerak (*kinetic physics*), dan responsivitas taktil yang hidup.

Dengan memadukan standar desain visual kelas dunia (Awwwards, Mobbin, Land-book) dan arsitektur rekayasa perangkat lunak (*Clean Architecture, SOLID, and WebGL*), saya menghadirkan website yang memukau dan berkinerja tinggi.

35+ Repositori
3D WebGL Fokus Utama
Jakarta Domisili
DATA PRIBADI RESMI
Nama Lengkap: Muhammad Haikel Saleh
Panggilan: Kaell
Lokasi: Jakarta Timur, Indonesia 🇮🇩
Email: haikelsaleh21@gmail.com
Hubungi via WhatsApp
// 02. Keahlian & Teknologi

Teknologi yang Saya Kuasai

🌌

3D WebGL & WebXR

Membangun ruang virtual imersif, manipulasi partikel, shader GLSL, pencahayaan PBR raytraced, dan kontrol kamera 3D dengan Three.js.

Three.js WebGL GSAP 3D

Frontend Modern & UI/UX

Penerapan standar desain kelas dunia (Linear, Apple, Vercel). Responsif mobile sempurna, aksesibilitas WCAG, dan micro-interactions halus.

React 19 TypeScript Tailwind v4
🏛️

Clean Architecture & Backend

Arsitektur Onion Layers berlapis dengan validasi Zod DTO, database PostgreSQL/Supabase, REST API standar envelope, dan Vercel serverless.

Node.js Clean Arch Supabase
// 03. Galeri Karya Unggulan

Proyek & Alat Nyata

ALAT NYATA UNTUK DEVELOPER 📸

3D Device Mockup Studio

Generator mockup laptop 3D interaktif. Upload screenshot karyamu dari HP/Laptop, putar dalam 3D, dan download PNG jernih siap pakai.

Buka 3D Mockup Studio ↗
COMPUTER VISION & HUD 📹

CyberVision WebCam HUD

Kamera real-time bertema Cyberpunk & Iron Man dengan filter Matrix ASCII, thermal vision, target reticle berputar, dan tombol ambil foto.

Buka CyberVision Cam ↗
CINEMATIC WEBXR 🕷️

Spider-Man Portfolio

Portofolio sinematik bertema Spider-Man dengan efek audio web synthesizer, animasi interaktif responsif kursor, dan gaya Neo-Brutalisme.

Buka Spider-Man Web ↗
THREE.JS VIRTUAL REALITY 🪐

Spatial Noir 3D Universe

Galeri luar angkasa 3D WebGL dengan 4.000 partikel kosmik, inti Torus logam raksasa, dan pod pameran 3D interaktif yang bisa diklik untuk terbang.

Buka Spatial 3D Galaxy ↗
MARI BANGUN SESUATU YANG HEBAT

Punya Ide Proyek? Mari Bicara!

Saya selalu terbuka untuk tawaran proyek freelance, kolaborasi kreatif, maupun posisi full-time di bidang Frontend & Creative Tech.