Inkberry

Overview

Inkberry is a minimal, browser-based drawing app. Every stroke is rendered with a hand-drawn feel using the perfect-freehand library, giving your sketches a natural, organic look.

The interface stays out of your way — just open the page and start drawing. Your work is kept in memory as you draw, and you can save it to a file or copy it to the clipboard at any time.

Drawing Tools

Six drawing tools are available from the toolbar. The first four produce strokes with the hand-drawn aesthetic.

• Freehand — Draw freely with your pointer or finger.
• Line — Click and drag to draw a straight line between two points.
• Circle — Click and drag to draw a circle. The start point is the center.
• Square — Click and drag to draw a rectangle.
• Eraser — Paint over strokes to remove them. Erased strokes can be restored with undo.
• Move / Resize — Click a stroke to select it, then drag to move it. With a single stroke selected, eight handles appear around it — drag any handle to resize uniformly. Drag across empty space to rubber-band select multiple strokes. Hold ⇧ and click to add or remove strokes from the selection. Selected strokes can be copied, pasted, and deleted.

Select a tool by clicking it in the toolbar, or press 1 through 6 on your keyboard. On Mac, hold ⌘ from any tool to temporarily activate Move / Resize — release to return to your previous tool.

Icon Search

Press / or click the search icon in the toolbar to open the icon search overlay. Type a keyword to search thousands of icons from popular icon libraries including Material Symbols, Material Design Icons, Phosphor, and Font Awesome.

Navigate results with ↑ / ↓ arrow keys and press Enter to place the selected icon on the canvas. Press Escape to close. Icons are placed as hand-drawn strokes using your currently selected color.

Layers

Press ⇧ L or click the layers button in the toolbar to open the layer panel. Each stroke appears as a row with an SVG thumbnail preview.

Drag rows to reorder layers, or use ⇧ + ↑ / ↓ to move the highlighted stroke up or down in the stack. Press Delete or Backspace to remove the highlighted stroke. Layers are listed top-to-bottom, with the topmost layer first.

Colors & Stroke Width

Pick from five ink colors using the color picker in the toolbar:

Five stroke widths are available, ranging from fine detail to bold marks. Click the width indicator in the toolbar to choose.

Keyboard Shortcuts

⌘ C copies the selected strokes when the Move / Resize tool is active and a selection exists. Otherwise it captures the whole canvas as a PNG image.

File Format

Drawings are saved as .inkberry files. These are plain JSON so you can inspect or edit them with any text editor.

{
  "version": 1,
  "drawing": {
    "id": "...",
    "strokesById": {
      "stroke-id": {
        "type": "drawable",
        "data": "M 10 20 C ...",
        "color": "#2B1F3A",
        "strokeWidth": 10
      }
    }
  }
}

Saving

Use the menu (Save to file) or press ⌘/Ctrl + S. On Chromium-based browsers a native save dialog appears. On Firefox and Safari the file is downloaded directly.

Opening

Use the menu (Open file) to load an existing .inkberry file. The current canvas will be replaced with the loaded drawing.

Clipboard

Press ⌘/Ctrl + C or use the menu to capture the canvas as a PNG image to your clipboard, ready to paste anywhere.

Exporting

Use the Export to... submenu in the menu bar to save your drawing as a standard image file. Three formats are available:

• PNG — Lossless raster image with transparent background. Best for sharing online or pasting into documents.
• SVG — Scalable vector format. Strokes are stored as vector paths, so the image stays crisp at any size. Ideal for further editing in tools like Figma or Illustrator.
• JPEG — Compressed raster image with a white background. Smaller file size, useful when transparency is not needed.

On Chromium-based browsers, a native save dialog lets you choose where to save the file. On Firefox and Safari the file is downloaded directly.

Browser Support

Inkberry works in all modern browsers:

• Chrome / Edge — Full support including native file save/open dialogs.
• Firefox — Full drawing support. File save uses a download fallback.
• Safari — Full drawing support. File dialogs use standard input/download elements.

Touch and stylus input are supported. The interface automatically adapts to mobile screens by compacting the toolbar.