personal space
personal space is an immersive 3d portfolio experience built with react three fiber, drei, and postprocessing. instead of a traditional portfolio page, it places the visitor inside a detailed 3d room that they can explore with custom camera controls. the scene features volumetric lighting with a desk lamp, floating dust particles, glowing stars, an interactive vinyl player, a bookshelf, a notebook, and an origami crane. post-processing effects including bloom and ambient occlusion add depth and atmosphere. every object in the room is clickable and leads to different sections of the portfolio.
Stack
Next.jsReactTypeScriptThree.jsReact Three FiberDreiGLSLWebGLPostprocessing