A Fictitious site to play around with CSS and GSAP animations using rich media assets.
⚠️ Disclaimer
All design credits go to This is Beyond and Hurtigruten. This project is created purely for educational purposes and is not intended for commercial use.
💬 Introduction
Visually captivating website featuring scroll-triggered animations, clip path art, geometric transitions, and video storytelling.
🖥️ Tech Stack
- GSAP
- React.js
- Tailwind CSS
🛠️ Features
Scroll-Based Animations: Dynamic animations triggered by scrolling for a more engaging user experience.
Clip Path Shaped Animations: Unique geometric transitions using CSS clip-paths to create visually stunning effects.
3D Hover Effects: Interactive 3D transformations that respond to user interactions for a modern feel.
Video Transitions: Seamlessly integrated video elements to enhance storytelling and flow.
Smooth UI/UX: Polished interfaces with buttery-smooth interactions for an intuitive user journey.
Completely Responsive: Flawless adaptation across all devices, ensuring a consistent experience.
🤸 Quick Start
Set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Clone the Repository and cd into the root project folder
Installation
Install the project dependencies using npm and run the project:
npm i && npm run devOpen http://localhost:5173 in your browser to view the project.