3D Journey


3D Journey - Collections of WebGL Experience

My Role

Creative Developer

3D Artist

UI/UX Designer


Present - Future


I'm passionate about 3D and WebGL experience, as I believe it offers an immersive and memorable experience to the user, capturing their attention and leaving a lasting impact. It opens another dimension, literally, on how we can solve problem creatively compare to the traditional website.

The approach has been risen in popularity and being recognized and adapt by multiple creative companies and platforms. As a recent young jury member of the most popular platform for awarding the best creative work in the world, Awwwards, I certainly aware of the trend and excited to be part of the mission on shaping the future of web experience.


Three.js and R3F are the main tools I used to shape 3D browser experience. These libraries provide an amazing abstraction over WebGL technologies, and an extensive ecosystem of tools and resources to help developers create 3D experience on the web. They also have the largest community based of developers and actively helping and sharing amazing works together.

Develop a 3D web experience is also proven to be challenging. You have to constantly keep in mind about the performance, as it can easily become a resource hog. Luckily, there are many tricks on how to optimize the performance drastically, so user can run the experience smoothly at 30-60fps, even on the non high-end devices.

Here are some showcases of the projects I've created. Some of them are open-source and available on my Github.

👀 If you like what you see and have a related project, or simply just want to say hi, feel free to reach out to me through here!

Tech Stacks:

Front End:

> Three.js

> R3F

> React

> Framer Motion

> Zustand


> Vite

> Git

> Figma

> Vercel


> Blender