Cinematic 3D House: Three.js ๐ŸŽฅ

Hi everyone.

Iโ€™m sharing my latest interactive portfolio source code. The project is a scroll-based 3D experience built with Next.js 15, R3F, and Theatre.js.

:top_arrow: Design Awards Winner Oct/2025

It was recently featured on WebGPU, highlighting the mobile performance and architecture. If you are interested in a deep dive into the technical breakdown, you can read their article here: :backhand_index_pointing_right: Read the Feature on WebGPU

My main goal was to avoid the common โ€œtech demoโ€ trap where 3D sites break on mobile. I focused heavily on optimization (Draco compression, texture management) to ensure 60FPS on mid-range devices.

:round_pushpin: Links:

Cheers, Erfan LinkedIn

4 Likes

It looks great, too bad you canโ€™t look around freely.

2 Likes

I Love it so much details. a free look around will be awesome

1 Like

Thank you for your comment. I will consider it soon

1 Like

I enjoyed you like it, I think the free camera is a good idea too .

1 Like