Animale

Animale is a playful, interactive web project that showcases a carousel of whimsical animal-themed personas, each with their own unique style and personality. Built with HTML, CSS, JavaScript, GSAP, Three.js and Shaders, the project features a visually engaging interface and smooth transitions between different animal "stripes."

Features

• Interactive Carousel: Switch between different animal personas (Horse, Bear, Deer, Canine, Giraffe) using intuitive buttons.
• Creative Visuals: Each animal stripe features a unique design, title, and playful tagline.
• Responsive Design: Looks great on both desktop and mobile devices.
• Modern Tooling: Built with Vite for fast development and hot module replacement.
• GLSL Support: Uses vite-plugin-glsl for potential WebGL/GLSL shader integration.

Demo

Getting Started

Prerequisites

• Node.js (v16 or higher recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/HarshitKumarSahu/3jsAnimaleParticlesModel.git
   cd animale

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open in your browser: Visit http://localhost:5173 (or the port shown in your terminal).