Drawing App

Drawing Canvas 🎨

A beautiful, modern drawing app with a sleek dark UI. Draw with multiple brushes, customize colors, and export your creations.

Features

• Multiple Drawing Tools

  • 🖊️ Pencil - Fine, precise lines
  • 🖌️ Brush - Smooth, natural strokes
  • ✏️ Eraser - Remove mistakes
  • 🖍️ Marker - Translucent highlighting

• Customization

  • Thickness slider (1-50px)
  • Opacity control (0-100%)
  • Color picker with presets + custom spectrum

• Premium UX

  • Undo/Redo history
  • Dynamic cursor preview
  • Smooth bezier stroke rendering
  • Export to PNG with white background

Keyboard Shortcuts

Key	Action
B	Brush tool
P	Pencil tool
E	Eraser tool
M	Marker tool
Ctrl+Z	Undo
Ctrl+Y	Redo
Ctrl+Shift+Z	Redo (alternative)
Escape	Close popovers

Usage

1. Open index.html in any modern browser
2. Select a drawing tool from the toolbar
3. Click/tap on the tool again to adjust thickness and opacity
4. Choose a color from the palette or use the spectrum picker
5. Draw on the canvas!
6. Click Export to download your artwork as PNG

Tech Stack

• Vanilla JavaScript (ES6+)
• HTML5 Canvas API
• Tailwind CSS (CDN)
• Google Material Symbols

License

MIT