https://github.com/daneshcode/etch-a-sketch
✨ Etch-a-Sketch Pro ✨ A modern take on the classic drawing toy! 🎨 🌟 An interactive web-based drawing application that lets you create pixel art with ease. Think of it as a digital Etch-a-Sketch with superpowers! 🚀
https://github.com/daneshcode/etch-a-sketch
css etch-a-sketch html html-css-javascript javascript js
Last synced: 10 months ago
JSON representation
✨ Etch-a-Sketch Pro ✨ A modern take on the classic drawing toy! 🎨 🌟 An interactive web-based drawing application that lets you create pixel art with ease. Think of it as a digital Etch-a-Sketch with superpowers! 🚀
- Host: GitHub
- URL: https://github.com/daneshcode/etch-a-sketch
- Owner: DaneshCode
- Created: 2025-03-18T16:26:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-19T12:02:01.000Z (10 months ago)
- Last Synced: 2025-03-19T13:22:10.386Z (10 months ago)
- Topics: css, etch-a-sketch, html, html-css-javascript, javascript, js
- Language: CSS
- Homepage: https://daneshcode.github.io/etch-a-sketch/
- Size: 4.88 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✨ Etch-a-Sketch Pro ✨
A modern take on the classic drawing toy! 🎨
## 🌟 What is this?
An interactive web-based drawing application that lets you create pixel art with ease. Think of it as a digital Etch-a-Sketch with superpowers! 🚀
## ⭐ Key Features
- 🎯 Dynamic grid sizing (1x1 to 100x100)
- 🌈 Custom color picker
- 🎲 Random color mode
- 🧹 Eraser tool
- 🌓 Dark/Light theme switcher
- ⚡ Responsive design
## 🎮 How to Use
- 🖱️ Move your mouse over the grid to draw
- 🎨 Use color picker to choose custom colors
- 🔄 Click 'Reset' to clear the canvas
- 🌈 Try 'Random' for rainbow effect
- ⚪ Use 'Eraser' to remove colors
## 🛠️ Built With
- HTML5
- CSS3
- JavaScript
- 💜 Lots of love
## 👨💻 Contributing
Feel free to:
- 🐛 Report bugs
- 💡 Suggest features
- 🔀 Submit PRs
## 💻 Live Demo
You can view the live demo of the Etch-a-Sketch by clicking the link below: