Skip to content

alok-mishra143/Ochi

Repository files navigation

open in desktop for mobile not optimize

Ochi - Scroll Animation Showcase

image

Ochi is a captivating webpage designed to showcase scroll animations using the powerful combination of GSAP, Locomotive Scroll, and React JS. With smooth and visually stunning animations, Ochi aims to demonstrate the seamless integration of these libraries to create an immersive user experience.

Table of Contents

Getting Started

Clone the repository using the following command:

git clone https://github.com/alok-mishra143/Ochi.git

Navigate to the project directory:

cd Ochi

Install the dependencies:

npm install

Features

  • GSAP Animations: Leverage the power of GSAP (GreenSock Animation Platform) for smooth and sophisticated animations.

  • Locomotive Scroll: Implement Locomotive Scroll for a customizable and lightweight scroll animation experience.

  • React JS Integration: Showcase how these animation libraries seamlessly integrate with React JS to create a dynamic webpage.

  • Responsive Design: Ensure a consistent and delightful experience across various devices and screen sizes.

Technologies Used

Installation

  1. Clone the repository:

    git clone https://github.com/alok-mishra143/Ochi.git
  2. Navigate to the project directory:

    cd Ochi
  3. Install dependencies:

    npm install

Usage

  1. Start the development server:

    npm start
  2. Open your browser and visit http://localhost:3000 to view the Ochi Scroll Animation Showcase.