Skip to content

Latest commit

 

History

History
43 lines (32 loc) · 1.26 KB

README.md

File metadata and controls

43 lines (32 loc) · 1.26 KB

Grid Lights

🌟 Overview

Grid Lights is a customizable grid-based UI system that allows users to toggle lights within a dynamic grid system. Built using React, Tailwind CSS, and modern JavaScript, Grid Light is designed for interactive applications, settings panels, or creative UI experiments.

🚀 Features

  • 📌 Draggable Layout – Move the grid layout setter anywhere on the screen.
  • 🎨 Customizable Grid Size – Adjust the number of rows and columns.
  • 🏗 Toggleable Cells – Click to turn individual grid lights on/off.
  • 💾 State Management – Maintains light states dynamically.
  • 📱 Touch & Mouse Support – Works seamlessly on both desktop and mobile devices.

🛠 Tech Stack

  • React – Component-based UI
  • Tailwind CSS – Styling with utility classes

📦 Installation

Follow these steps to get the project up and running:

  1. Clone the repository 
    git clone https://github.com/mahfuzHasan2003/Grid-Lights.git
  2. Navigate into the project folder 
    cd Grid-Lights
  3. Install the dependencies 
    npm install
  4. Start the development server 
    npm run dev

🖥 Live View

Check out the live view here.