A responsive, interactive Etch-a-Sketch sketchpad that lets users draw by simply hovering over grid cells. Built with vanilla JavaScript, HTML5, and CSS3.
- ๐๏ธ Canvas Size Selection: Choose from small (16x16), medium (32x32), large (64x64), or enter a custom grid size (1-64).
- ๐จ Color Modes:
- Classic (select your own color)
- Rainbow (random colors)
- Eraser (turn cells white)
- ๐งฝ Utility Options:
- Clear canvas
- Change grid size
- ๐ฑ๏ธ Hover-Based Drawing: Just move your cursor across the canvas to draw
- Open
index.htmlin any modern browser. - Click "Etch Your Sketch" to start.
- Choose a predefined canvas size or enter a custom one.
- Pick a drawing mode and start sketching by hovering over the grid!
- HTML5
- CSS3 (Flexbox layout, responsive design)
- JavaScript (DOM manipulation and event handling)
Created by Syed Sultan Ahmed
๐ง ssa.56.sultan@gmail.com
๐ Karachi, Pakistan
ยฉ 2025 Syed Sultan Ahmed. All rights reserved.