An Apple.com-inspired design for a MacBook landing page made using React and GSAP for animations.
I followed a tutorial to build this, since i dont have a lot of knowledge about animations and wanted to fine tune my react skills.
Iβm using AI to improve my productivity. Iβll be using an IDE with built-in AI called Junie from Webstorm.
I have implemented the animations for the M4 mask section (first comes the video, and then the M4 text mask comes on top of it)
And the performance section was built with the expanding animation.
Log in to leave a comment
Alright!!! So the window switching section is implemented successfully. Now, when I select a silver MacBook, the model changes color and changes the size according to the scale of the product
Hang tight! for more logs ππ§βπ»
Log in to leave a comment
Implemented the studio lighting to the MacBook model, using three.js. Its starting to look goooooood π.
Standby for more updates π§βπ»
Log in to leave a comment
Added three.js and implemented a small box with orbit controls to move it around.
Letβs meet up in the next update, folks π§βπ»
Log in to leave a comment
Just built the nav bar section of the website. Canβt wait to finish this masterpiece β¨
Log in to leave a comment