← Back to projects

Creative 3D web

Portfolio R3F

Portfolio R3F explores the integration of 3D spatial models, environment lighting, and interactive shaders into a modern React application.

  • React
  • Three.js
  • React Three Fiber
  • Vite
  • Tailwind CSS
01

Challenge

Present a memorable 3D environment in the browser while maintaining high frame rates and smooth user interaction.

02

Approach

Combine procedural geometry, optimized GLTF models, on-demand frameloop rendering, and spatial typography into an interactive 3D canvas.

03

Outcome

An engaging creative-coding portfolio showcasing real-time WebGL graphics alongside production frontend engineering.