2 Shaders

🚀 Live Website

Experience the fully interactive website live here: Live Demo

🎮 How to Control

Interact dynamically with your mouse or touch to explore the visual effects! Move your cursor around the screen or tap anywhere on mobile devices to trigger smooth animations and interactions.

⚙️ Installation

Prerequisites

• Node.js (v18.0.0 or higher recommended)
• npm (v9.0.0 or higher)

Setup Instructions

1. Clone the repository:

git clone https://github.com/Y7XIFIED/2-Shaders.git
cd 2-Shaders

2. Install the package dependencies:

npm install

3. Start the Vite development server:

npm run dev

📂 Project Structure

2-Shaders/
├── .gitignore
├── .vercel
│   ├── project.json
│   └── README.txt
├── favicon.png
├── fonts
│   └── Nasalization Rg.otf
├── index.html
├── package-lock.json
├── package.json
├── shader-1
│   ├── .gitignore
│   ├── .vercel
│   │   ├── project.json
│   │   └── README.txt
│   ├── favicon.png
│   ├── fonts
│   │   └── Nasalization Rg.otf
│   ├── index.html
│   ├── script.js
│   └── style.css
├── shader-2
│   ├── .gitignore
│   ├── .vercel
│   │   ├── project.json
│   │   └── README.txt
│   ├── favicon.png
│   ├── fonts
│   │   └── Nasalization Rg.otf
│   ├── index.html
│   ├── script.js
│   └── style.css
└── vite.config.js

💻 Tech Stack

• HTML5 & CSS3: Structural vectors and custom styling variables.
• JavaScript (ES6): Core logic and interactions.
• Vite: Next-generation frontend project bundler.

Y7XIFIED