Skip to content

Repository files navigation

Description: A visually engaging 3D React application featuring interactive canvas elements, smooth scrolling, and dynamic animations, designed to deliver an immersive user experience. A brief description of your project, its purpose, and what it does.

Table of Contents

Features

  • Interactive canvas elements
  • Smooth scrolling with Locomotive Scroll
  • Bubble effect on click
  • Responsive design
  • Dynamic content rendering

Technologies Used

  • React
  • GSAP (GreenSock Animation Platform)
  • Tailwind CSS
  • Locomotive Scroll
  • JavaScript
  • HTML
  • CSS

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/your-repo-name.git
  2. Navigate to the project directory:

    cd your-repo-name
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and go to http://localhost:3000 to see the app in action.

Usage

  • Click anywhere on the screen to trigger the bubble effect.
  • Scroll through the sections to view different content.
  • The background color will change to #fd2c2a upon clicking.

Contributing

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/YourFeature
  3. Make your changes and commit them:
    git commit -m "Add some feature"
  4. Push to the branch:
    git push origin feature/YourFeature
  5. Create a pull request.

Releases

Packages

Used by

Contributors

Languages