Skip to content

a simple Next.js application that implements a horizontal scroll effect using GSAP and LOCOMOTIVE SCROLL

Notifications You must be signed in to change notification settings

vnuny/Horizontal-Scroll-Section

Repository files navigation

Next.js Horizontal Scroll Section with GSAP

This project is a simple Next.js application that implements a horizontal scroll effect using GSAP. It includes a single horizontal scroll section that moves smoothly as you scroll down the page.

Features

  • Single horizontal scroll section
  • Smooth scrolling animation powered by GSAP
  • Modern and responsive design

Getting Started

Prerequisites

Make sure you have the following installed:

  • Node.js (v14.x or later)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/nextjs-horizontal-scroll.git
    cd nextjs-horizontal-scroll
    
  2. Install the dependencies:

    npm install
    # or
    yarn install
    
  3. Running the Development Server

    npm run dev
    # or
    yarn dev