Welcome to the "Dark Desire - Archive" project! This project showcases a visually engaging archive of images with smooth scrolling and animation effects using GSAP and Lenis.
- Introduction
- Features
- Technologies Used
- Setup and Installation
- Usage
- Project Structure
- Contributing
- License
The "Dark Desire - Archive" project is a web-based application that presents a series of images in an interactive and animated format. Users can scroll through the archive to unveil different images, each with a unique animation effect.
- Smooth scrolling experience using Lenis.
- Animated transitions between images using GSAP and ScrollTrigger.
- Responsive design for various screen sizes.
- Easy navigation with a scroll-to-top feature.
- HTML5
- CSS3
- JavaScript
- GSAP (GreenSock Animation Platform)
- GSAP ScrollTrigger Plugin
- Lenis for Smooth Scrolling
-
Clone the repository to your local machine:
git clone https://github.com/rudra-xi/archive-dark-desire.git
-
Navigate to the project directory:
cd archive-dark-desire -
Open index.html in your preferred web browser to view the project.
Scroll through the archive section to view the animated image transitions. Click on the text in the final image box to scroll back to the top of the page.
index.html: The main HTML file containing the structure of the webpage. style.css: The CSS file for styling the webpage. script.js: The JavaScript file containing the logic for animations and smooth scrolling. assets/: A directory containing image assets used in the project.
Contributions are welcome! If you have any suggestions or improvements, feel free to create a pull request or open an issue.
This project is licensed under the MIT License. See the 