Skip to content

lcandiago/apple-vision-pro-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Apple Vision Pro UI Clone

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.

apple-vision-ui

Features

  • 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

Technologies Used

  • HTML
  • CSS
  • JavaScript (Vanilla)
  • Bing Image Creator to create the background image
  • ChatGPT to bootstrap some ideas and create this Readme 👀

Installation

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/lcandiago/apple-vision-pro-clone.git
  2. Navigate to the project directory:

    cd apple-vision-pro-clone
  3. Open the index.html file in your preferred web browser.

Usage

  • Interact with the UI by using your eyes to choose an app.
  • The app closest to your eye movement will be highlighted.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

Apple Vision Pro UI Clone with Eyetracking

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published