ThreeD

This landing page for a drone website is built using React and Three.js, providing a modern and interactive user interface.Future plans: At present, the 3D model features an animation that rotates the propeller of the drone. However, I am considering adding more interactive elements such as pan and zoom in the future.

Tool Used

React.js
Three.js
Blender
JavaScript
CSS
Netlify

FEATURED

IMAGES

01/03

Main page

Currently, this website has only one page. However iam planning to add more features and pages to this website.
Main page
02/03

Rotation of Propeller

If a user hovers over the drone GLB model, the propeller rotation will start automatically, enhancing the interactive experience.
Rotation of Propeller
03/03

Change color

User can click a button to change the color of the drone to blue, red, yellow, or green, providing a customizable and interactive experience.
Change color

WATCH VIDEO