Journal
React Three.js Fiber Configurator
Feb 15, 2024
Project
A product configurator built using React Three Fiber, Three.js, and Framer Motion! You can change the color and decals of the product, and download it as a PNG.
For the past couple of years, I've been fascinated by the possibilities of three.js and wanted to learn how to create beautiful 3D scenes with it. Last week, I finally had a chance to dive in, thanks to the summer heat that kept me up at night.
With the help of Mr. Anderson M, a creative developer and expert in Three.js, I embarked on a journey of learning and creating. I'm thrilled to share that I've built a product configurator using React Three Fiber, Three.js, and Framer Motion.
I was proud to share the outcome on Twitter. To my surprise and delight, the project reached thousands who engaged with it and some of them gave me positive feedback.
But the highlight of this journey was when Mr. Anderson himself liked my project and left me some very kind and encouraging comments. It was an incredible feeling to have someone I admire and look up to acknowledge my work, and I'm truly grateful for his support.
Hope you guys like it.
Maybe I will take this journey further, this is fun...
You can view the live version here https://r3f-shibilion.vercel.app/