Floral-GL

🚀 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/Floral-GL.git
cd Floral-GL

2. Install the package dependencies:

npm install

3. Start the Vite development server:

npm run dev

📂 Project Structure

Floral-GL/
├── iteration-1
│   ├── .gitignore
│   ├── .vercel
│   │   ├── project.json
│   │   └── README.txt
│   ├── assets
│   │   ├── fonts
│   │   │   └── Nasalization_Rg.otf
│   │   └── img
│   ├── favicon.png
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── script.js
│   ├── style.css
│   └── vercel.json
├── iteration-2
│   ├── .gitignore
│   ├── .vercel
│   │   ├── project.json
│   │   └── README.txt
│   ├── assets
│   │   └── fonts
│   │       └── Nasalization Rg.otf
│   ├── favicon.png
│   ├── index.html
│   ├── main.css
│   ├── main.js
│   ├── package-lock.json
│   ├── package.json
│   └── vercel.json
└── package.json

💻 Tech Stack

• HTML5 & CSS3: Structural vectors and custom styling variables.
• JavaScript (ES6): Core logic and interactions.

Y7XIFIED