Unleash your creativity with a beautiful, intuitive, and lightning-fast pixel art generator!
Design, draw, and share your pixel masterpieces in seconds.
🌟 Live Demo 🌟
Screencast.from.2025-06-06.11-27-36.webm
- 🎛️ Customizable Grid: Control the width and height of your canvas to create pixel art of any size.
- 🌈 Color Picker: Choose from a full spectrum of colors to bring your creations to life.
- 🧼 Erase Tool: Easily correct mistakes or create complex designs with the erase functionality.
- 🚀 Intuitive Interface: Simple and clean design makes it easy to get started right away.
- 📱 Responsive Design: Works seamlessly on desktops and mobile devices.
- 💾 Instant Reset: Clear your canvas with a single click.
- ⚡ Blazing Fast: Optimized for performance and instant feedback.
| Technology | Description |
|---|---|
 |
Markup Language |
 |
Styling |
 |
Logic/Interactivity |
Pixel-Art-Generator/
├── index.html # Main HTML file
├── style.css # Stylesheet
├── index.js # JavaScript logic
├── favicon.png # Favicon
├── LICENSE # License file
└── README.md # Project documentation
Quick Start
-
Clone the repository
git clone https://github.com/GourangaDasSamrat/Pixel-Art-Generator.git
-
Open
index.htmlin your web browser -
Use the sliders to adjust the grid width and height
-
Click Create Grid to generate the canvas
-
Select a color from the color picker
-
Click on the grid cells to draw
-
Use the erase tool to remove colors
-
Click Clear Grid to reset the canvas
Or simply try the Live Demo!
- ⚡ Pagespeed Insights: Test Results
- 🚀 Optimized for fast load times and high performance scores.
Contributions are welcome! If you have ideas for improvements or bug fixes, please open an issue or submit a pull request.
This project is licensed under the MIT License.
Gouranga Das Samrat
Frontend Developer | JavaScript & React Expert | Open Source Enthusiast
Let's connect! I'm always open to collaboration, frontend projects, or just a friendly chat about JavaScript and React.
If you like this project, please give it a ⭐ on GitHub!