https://github.com/vnuny/horizontal-scroll-section
a simple Next.js application that implements a horizontal scroll effect using GSAP and LOCOMOTIVE SCROLL
https://github.com/vnuny/horizontal-scroll-section
gsap gsap-animation gsap-scrolltrigger horizontal horizontal-scrolling horizontalscrollview locomotive-scroll next nextjs nextjs14 react react-animations
Last synced: about 1 month ago
JSON representation
a simple Next.js application that implements a horizontal scroll effect using GSAP and LOCOMOTIVE SCROLL
- Host: GitHub
- URL: https://github.com/vnuny/horizontal-scroll-section
- Owner: vnuny
- Created: 2024-07-14T20:17:52.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-11-17T15:34:44.000Z (6 months ago)
- Last Synced: 2025-03-24T08:42:26.475Z (about 2 months ago)
- Topics: gsap, gsap-animation, gsap-scrolltrigger, horizontal, horizontal-scrolling, horizontalscrollview, locomotive-scroll, next, nextjs, nextjs14, react, react-animations
- Language: TypeScript
- Homepage: https://horizontal-scroll-section-snowy.vercel.app
- Size: 59.6 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/your-username/nextjs-horizontal-scroll.git
cd nextjs-horizontal-scroll
2. Install the dependencies:
```bash
npm install
# or
yarn install
3. Running the Development Server
```bash
npm run dev
# or
yarn dev