Demos · Open Board

Flutter Package · Drawing

Education & content Live

Open Board

Handwriting and annotation tools you can add on top of any screen

Open Board split-screen writing — a floating writing tool panel, with pen and highlighter strokes on the left and right screens
Open in a new window

Overview

The example app of a Flutter package that adds handwriting and annotation to PDF viewers, image editors, note-taking and education apps. You can draw right in your browser with writing tools such as pen, pencil and highlighter, plus shapes and text, color and stroke width, and undo.

Key features

4 features

  1. Writing toolsWriting tools such as pen, pencil, highlighter and brush, plus shapes, text, color and stroke width.
  2. Multiple pages and replayWriting that spans multiple pages, and recording and replay that plays strokes back in the order they were drawn.
  3. Split-screen writingWrite on two side-by-side screens in turn, using one floating tool panel.
  4. E-book annotationHandwriting on top of an EPUB reader that moves with the page — switch between reading and writing modes.

Screens to explore

1 in total. Each one opens right in your browser, in a new window.

Tech stack

  • Flutter
  • Dart

About the demo environment

  • You can start drawing right in your browser, with nothing to install.
  • Pen pressure is applied on devices that send pressure (such as a stylus) — with a mouse, lines are drawn at an even width.
  • Sample data (names, records) is in Korean — the interface text appears in the language you chose.

Need a system like this?

You can send us just three lines. That's where scoping starts.