Etch-a-Sketch

A digital sketchpad and Etch-A-Sketch emulator built using HTML, CSS, and JavaScript.

Features • How To Use • Todo

Features

• Save drawings - You can save drawings and download them as a PNG

  

• Undo/Redo support

  

• Dark/Light mode

  

• Configurable Settings with local storage support

  

• Swatches - You can cycle through 5 different color swatches

  

• Color input

• Pen tool

• Eraser tool

• Color picker

• Rainbow tool

• Clear button

• Adjustable grid size

• Responsive design

• Touch support

• Lighten/Darken tools

• Zoom feature for the grid

• Brush size customization

How To Use

You can visit the live demo or clone the repository using Git

Option 1: Visit the live demo

To use Etch-a-Sketch, visit the live demo and start drawing!

Option 2: Clone using Git

# Clone this repository
$ git clone https://github.com/aymansor/Etch-a-Sketch

# Go into the repository
$ cd Etch-a-Sketch

# Open index.html
$ .\index.html

Todo

• Mirror tool
• Brush opacity adjustment
• Share to social media platforms
• Change background color
• Add custom swatches.