Drawing Page - Simple Drawing & Doodling in Your Browser

A fast, privacy-focused drawing app for quick sketches, workflow charts, and doodling. All processing happens locally in your browser. No uploads, no accounts, complete privacy.

Drawing Page - Simple Drawing & Doodling in Your Browser

Drawing Page - Simple Drawing & Doodling in Your Browser

Drawing Page is a fast, privacy-focused drawing app built with React, TypeScript, and modern web tech. Create quick sketches, workflow charts, and doodles directly in your browser. No server required, no uploads, complete privacy.

Why Use Drawing Page?

Need to sketch out an idea, create a quick workflow diagram, or just doodle around? Drawing Page lets you do all that without installing software or creating accounts. Everything runs in your browser, your sketches stay on your device, and you can start drawing in seconds.

Key Features

  • Everything Stays Local - All drawing, editing, and storage happens in your browser using LocalStorage. Your work stays on your device.
  • Simple Drawing Tools - Pencil with adjustable line width, eraser, 11 geometric shapes (square, circle, triangle, polygon, star, heart, arrow, and more), text editor, and image import.
  • Autosave & File Management - Every change is automatically saved. Store up to 100 sketches locally with thumbnail previews.
  • Multiple Export Formats - Export as PNG, JPEG, SVG, or JSON. Quality control from 10% to 100%, scale from 0.5x to 4x.
  • Customizable Shapes - Change roundness, cutout effects, rotation, star patterns, and more. Separate fill and outline colors with opacity control.
  • Zoom & Pan - Zoom from 25% to 400%, pan with spacebar, optional grid overlay, rulers, and snap-to-guides.
  • Undo/Redo History - 50 history states with keyboard shortcuts (Cmd/Ctrl+Z, Cmd/Ctrl+Shift+Z).

How It Works

Pretty simple:

  1. Create or Load - Start with a blank canvas or load an existing sketch from the file browser.
  2. Draw & Sketch - Use the pencil for freehand drawing, shapes for diagrams, text for labels, or import images.
  3. Customize - Select any element to change colors, sizes, opacity, and shape properties. Drag to move, use handles to resize or rotate.
  4. Export - Download as PNG, JPEG, SVG, or JSON with whatever quality and scale you need.

What’s Included

Everything you need for quick sketches and diagrams:

  • Selection Tool - Move, resize, and rotate with handles
  • Pencil Tool - Freehand drawing with adjustable line width (1-200px)
  • Eraser Tool - Easy editing with size control
  • 11 Geometric Shapes - Stars, polygons, spirals, gears, hearts, arrows, and more
  • Text Editor - Font selection, alignment, and spacing options
  • Image Import - Add photos and images with automatic sizing
  • Color System - RGB picker with separate opacity for fill and outline

Other Stuff

Some helpful features:

  • Canvas Controls - Grid overlay, rulers, snap-to-guides, and background options (transparent or white)
  • Zoom Controls - Mouse wheel + Ctrl/Cmd to zoom, or use the zoom buttons. One-click reset.
  • Shape Properties - Each shape has different options you can tweak. Roundness, cutouts, star slopes, polygon sides, spiral coils, etc.
  • Theme Colors - Dark theme by default. Change colors to match your style.
  • Autosave - Everything saves automatically so you don’t lose your work.
  • Thumbnails - File browser shows previews of all your saved sketches.

Export Options

Save your sketches however you want:

  • PNG - Image format with transparent background support and scale options
  • JPEG - Compressed format with quality control (10% to 100%) for smaller files
  • SVG - Vector format if you need scalability
  • JSON - Full project data (all shapes, settings, metadata) for backup

Privacy

Your data stays with you:

  • No Server Upload - Everything happens in your browser. Nothing gets sent anywhere.
  • No Data Collection - No cookies, no tracking, no analytics.
  • No User Accounts - No sign up, no login, no personal info needed.
  • Everything Local - Your drawings never leave your device.
  • Works Offline - After the initial page load, you can use it offline.

Browser Support

Works in Chrome, Firefox, Safari, and Edge. Pretty much any modern browser that supports Canvas API, LocalStorage, and Web Workers. Works on desktop, tablet, and mobile.

Get Started

Just go to draw.prmworks.com. No installation, no account. Open it, pick a tool, and start drawing.


Drawing Page gives you simple drawing tools with complete privacy. Sketch, create workflow charts, and doodle in your browser without uploading anything to external servers.

Key Features

Everything Stays Local

Your drawings never leave your device. All data is stored locally in your browser using LocalStorage.

Easy-to-Use Tools

Simple tools including pencil, eraser, 11 geometric shapes, text editor, and image import. Perfect for quick sketches and diagrams.

Autosave & File Management

Automatic saving with support for up to 100 projects. Visual file browser with thumbnail previews.

Multiple Export Formats

Export your work as PNG, JPEG, SVG, or JSON with adjustable quality and scale settings.

Customizable Shapes

Change colors, roundness, cutouts, and more. Each shape type has different options to play with.

Zoom & Pan Controls

Zoom from 25% to 400%, pan with spacebar, and use optional grid overlay with snap-to-guides.

Undo/Redo History

50 history states with keyboard shortcuts (Cmd/Ctrl+Z) for easy editing.

Technologies Used

React
TypeScript
Vite
Tailwind CSS
Zustand
LocalStorage

Ready to Try It?