This project is a clone of the Apple Vision Pro user interface, implemented using HTML, CSS, and vanilla JavaScript. It incorporates eye tracking functionality using the WebGazer.js library.
You can access the live demo of the project on GitHub Pages.
- Replicates the user interface of Apple Vision Pro.
- Eye tracking functionality using WebGazer.js to track eye movement.
- Icons increase in size when you look at them
- HTML
- CSS
- JavaScript (Vanilla)
- Bing Image Creator to create the background image
- ChatGPT to bootstrap some ideas and create this Readme 👀
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/lcandiago/apple-vision-pro-clone.git
-
Navigate to the project directory:
cd apple-vision-pro-clone
-
Open the
index.html
file in your preferred web browser.
- Interact with the UI by using your eyes to choose an app.
- The app closest to your eye movement will be highlighted.
Contributions are welcome! If you have any ideas, suggestions, or improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License.