Interactive 3D Portfolio – SarifulIslam.com

Showcase
1

sarifulislam.com is an interactive 3D portfolio website developed using Three.js. It’s designed to offer an immersive experience that reflects my identity as an entrepreneur and creative developer.

Built with Astro and Preact on top of Vite, the site delivers fast load times and optimized performance. Styling is handled with Tailwind CSS, while Three.js powers the real-time 3D animations and interactions. The project demonstrates how cutting-edge 3D rendering can be seamlessly integrated into modern frontend frameworks to build unique personal branding experiences.

Technologies Used:

  • Three.js for 3D rendering
  • Astro for static site generation
  • Preact for lightweight interactivity
  • Vite for fast development and bundling
  • Tailwind CSS for styling
  • GSAP for Interesting scrolling behavior

Live URL: https://sarifulislam.com

PS: the interactive 3d is only available on desktop version not on mobile

Hope you find this interesting :melting_face:

2 Likes
2

Hi, Sariful
Your portfolio website wonderful!
And it’s very attractive to use Astro and Preact.
Could you explain about this new technologies?
Maybe it makes interesting to everyone!

3

Hey Jordan,

Thank you so much for your kind words, I really appreciate it!

Using Astro, GSAP and Preact with Three.js has been a great experience, and I’m glad you found it interesting!

Since you are interested in it, i’d love to write a blog titled “How I Built My 3D Portfolio with Astro, Preact, and Three.js” it’ll walk through the entire tech stack, why I chose these tools, and how I integrated 3D elements with performance in mind.

I’ll share the link and some bits and pieces here soon once it’s live hopefully it helps you and others who are exploring similar ideas. Thanks again for the support.