A drag and drop color grid application built with HTML, CSS, and JavaScript.
- Dynamically generates a grid of cells on page load
- Cells can be clicked to change color
- Mouse dragging allows coloring multiple cells
- Double click to clear cell color
- Buttons to reset single or all cell colors
- Responsive grid resizing for mobile
- Clone or download repository
- Open index.html file in browser
- Click, drag, and double click cells
- Use reset buttons
- Table grid is created with DOM manipulation
- Random colors are assigned on click/drag
- Double click handler resets cell
- Resize listener redraws grid on width change
- Color picker for selecting colors
- Save/load color patterns
- Animation for color changes
- Adjustable grid size
- Fill/erase tools
- HTML
- CSS
- JavaScript
Found a bug or have a new feature idea? Submit an issue or pull request.
Reach out via GitHub if you have any other questions!