Skip to content

This project is a visually rich Apple Vision Pro landing page featuring smooth scroll animations, interactive sections, and immersive video backgrounds, built with HTML, CSS, GSAP, and Locomotive Scroll.

Notifications You must be signed in to change notification settings

Vedant-Hande/Apple-Vision-Pro

Repository files navigation

Apple Vision Pro Landing Page

A visually immersive landing page inspired by Apple Vision Pro, featuring smooth scroll animations, interactive sections, and stunning video backgrounds. Built with HTML, CSS, GSAP, and Locomotive Scroll.

Features

  • Smooth scrolling and scroll-based animations
  • Multiple interactive sections
  • Video backgrounds and rich visuals
  • Responsive design

Technologies Used

  • HTML5 & CSS3
  • GSAP (GreenSock Animation Platform)
  • Locomotive Scroll

Getting Started

  1. Clone the repository:
    git clone https://github.com/Vedant-Hande/Apple-Vision-Pro
    
  2. Open the project folder in VS Code or your preferred editor.
  3. Open index.html in your browser to view the landing page.

Folder Structure

Apple-vision/
├── index.html
├── style.css
├── script.js
├── Apple vision image.png
├── Apple vision canvas images/
│   └── Vision00001.png ... Vision00025.png

Demo Video: A screen recording showing the Apple Vision Pro landing page in action with smooth scroll animations, interactive sections, and video backgrounds.

📹 Watch Demo Video

License

This project is for my skill development


Created by vedant-hande

About

This project is a visually rich Apple Vision Pro landing page featuring smooth scroll animations, interactive sections, and immersive video backgrounds, built with HTML, CSS, GSAP, and Locomotive Scroll.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published