my portfolio

My portfolio site. 3,200 canvas particles morph from my portrait into each of my ML projects as you scroll. Built with Next.js and TypeScript, no WebGL.

LANG TypeScriptHOSTED ON AHNAF-KAPPA.VERCEL.APPUPDATED 16 Sep 2026

• #creative-coding
• #html5-canvas
• #nextjs
• #particle-animation
• #particles
• #personal-website
• #portfolio
• #portfolio-website
• #react
• #scroll-animation

More like this

• portfolio Single-page scroll-driven portfolio: one 160,000-point particle field morphs into a different form for every section.
• scroll hero 3D Scroll Animation Hero - Adaline.ai Style | Next.js + GSAP + Tailwind
• alevoldon lab Interactive 3D lab of AI agents, WebGL, and generative audio.
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• Metallica A holographic AI assistant interface rendered in real-time WebGL — pulsing FRIDAY-style core, GPU particles, spatial HUD and 10 spec-driven 3D data…
• interactive 3d product showcase An interactive 3D web experience built with React Three Fiber, Blender assets, and real-time rendering techniques to demonstrate product…