A pixel-perfect recreation of Microsoft Paint (Windows 10) for the web and Mac. Built with pure vanilla JavaScript, HTML5 Canvas, and CSS - no dependencies required.

• Pencil - Freehand drawing with pixel precision
• Brush - Multiple brush types including:
  • Standard brush
  • Calligraphy (2 angles)
  • Airbrush with spray effect
  • Oil brush
  • Crayon texture
  • Marker (semi-transparent)
  • Watercolor
• Eraser - Erase to background color
• Fill (Paint Bucket) - Flood fill with optimized algorithm
• Color Picker (Eyedropper) - Sample colors from canvas
• Text Tool - Full text support with font options, sizes, and styles (bold, italic, underline, strikethrough)

• Line, Curve, Rectangle, Oval, Rounded Rectangle
• Triangle, Right Triangle, Diamond, Polygon
• 5-point and 6-point Stars
• Arrows (all 4 directions)
• Heart, Lightning Bolt
• Configurable outline and fill styles

• Rectangular selection
• Free-form selection with lasso tool
• Move, copy, cut, paste selections
• Transparent selection mode
• Crop to selection

• Rotate (90°, 180°, custom)
• Flip (horizontal/vertical)
• Resize with aspect ratio lock
• Skew transformation
• Zoom (up to 800%)

• New, Open, Save (PNG, JPEG, BMP, GIF)
• Print support
• Drag & drop image loading
• Set as desktop wallpaper

• Authentic Windows 10 ribbon interface
• Rulers with measurement markings
• Gridlines overlay
• Status bar with coordinates and zoom
• Full keyboard shortcuts
• Touch/stylus support

Simply open index.html in any modern browser. That's it!

# Using Python
python3 -m http.server 8000

# Using Node.js
npx serve

Then visit http://localhost:8000

MattPaint/
├── index.html          # Main HTML file
├── js/
│   └── app.js          # All application logic (~3200 lines)
├── css/
│   ├── paint.css       # Main styles
│   ├── ribbon.css      # Ribbon toolbar styles
│   └── dialogs.css     # Modal dialog styles
└── README.md

• Chrome (recommended)
• Firefox
• Safari
• Edge

• Zero Dependencies - No npm, no build tools, no frameworks
• Lightweight - Under 100KB total
• Offline Ready - Works without internet
• Faithful Recreation - Looks and feels like real MS Paint
• Educational - Clean, readable vanilla JS code

MIT License - feel free to use, modify, and distribute.

Created by Matt Macosko (@nicedreamzapp)

"Sometimes you just need to paint."