Pixel Painter

A retro-styled pixel art creator with glowing neon theme.

Live on: https://pixel-painter.vercel.app

Project Structure

Click to expand

pixel-painter/
├── public/
│   ├── assets/
│   │   └── buttons/
│   │       ├── color-bucket.png
│   │       ├── eraser.png
│   │       ├── export.png
│   │       ├── redo.png
│   │       ├── reset-grid.png
│   │       └── undo.png
│   └── index.html
├── src/
│   ├── components/
│   │   ├── Pixel.js
│   │   └── PixelGrid.js
│   ├── App.css
│   ├── App.js
│   └── index.js

Features

• Create pixel art with intuitive painting tools.
• Undo/Redo functionality for mistake-free creation.
• Eraser tool with visual feedback.
• Color selection with recent colors memory.
• Multiple grid size options (8×8, 16×16, 32×32, 64×64).
• HEX color code input for precise color selection.
• Export creations as PNG images.
• Auto-save work in progress using local storage.

Technologies Used

• React.js
• HTML Canvas
• CSS Animations
• Figma
• LocalStorage for persistence