Skip to content

Hassim17/HorizonX-Gaming-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ HorizonX-Gaming-Website

๐ŸŒŸ A stunning award-gaming website clone with ultimate animations powered by GSAP and seamless smooth transitions for an immersive user experience.

โš ๏ธ This project is built purely for exploring GSAP animation techniques and creative UI transitions.


โœจ Features

  • ๐ŸŽฅ Smooth page transitions and section reveals using GSAP.
  • ๐ŸŒ€ Interactive tilt effects with React Tilt.
  • ๐Ÿง  Scroll-triggered animations for dynamic user interaction.
  • ๐ŸŽฎ Game-themed UI with immersive motion design.
  • ๐Ÿ’จ Built for creative experimentation and learning.

๐Ÿ› ๏ธ Tech Stack

Purpose Technology Used
Frontend Framework React
Animations GSAP
Styling Tailwind CSS
Tilt Effects React Tilt

๐Ÿš€ Getting Started

1. Clone the Repository

git clone https://github.com/your-username/HorizonX-Gaming-Website.git
cd HorizonX-Gaming-Website

2. Install Dependencies

npm install

3. Run the Development Server

npm start

Visit http://localhost:3000 in your browser to view the project.


๐Ÿงช Testing

No test suite included. Simply run the app and scroll through to observe all animations and transitions.


๐ŸŽฏ Use Cases

  • Learn GSAP animation integration in React.
  • Explore scroll and hover interactions.
  • Use as a template for portfolio or creative web design showcases.

About

๐ŸŒŸ A stunning award-gaming website clone with ultimate animations powered by GSAP and seamless smooth transitions for an immersive user experience.

Topics

Resources

Stars

Watchers

Forks

Contributors