Back to rankings

wonderunit/storyboarder

JavaScriptwonderunit.com/storyboarder

✏️ Storyboarder makes it easy to visualize a story as fast you can draw stick figures.

drawingstoryboardfountainfilmmakingmoviesstorystoryboarding
Star Growth
Stars
3.8k
Forks
378
Weekly Growth
Issues
1k
1k2k3k
Jan 2023Mar 2024May 2025Jul 2026
Artifactsnpmnpm install storyboarder
README

Storyboarder

Storyboarder makes it easy to visualize a story as fast you can draw stick figures. Quickly draw to test if a story idea works. Create and show animatics to others. Express your story idea without making a movie.

screenshot

Whether you are a story artist, writer, director, in advertising, or just a person with an idea, you can use this to quickly make storyboards.

Download

Click here to download the latest release

PLEASE PLEASE PLEASE submit issues with bugs, ideas, suggestions, or any feedback! Thanks!

Also, if this project seems interesting, could you press that star button at the top right? Thanks!!!!

It's easy...

  1. Start a blank storyboard or open a Fountain screenplay.
  2. Start drawing boards using a mouse or wacom open. Or print out
  3. Flip through the boards, play it back, pitch it, make changes.

Don't get slowed down by too many buttons or options. You're here to board stories, not make the next Moner Lisa.

Works with Pens on any tablet or Cintiq or even a Microsoft Surface. Also works with a mouse.

Features:

  • Simple, Smooth Drawing
  • Super Simple Interface
  • Printed Worksheets
  • Works with Wacom
  • Easy Organization
  • Draw Straight Lines
  • Works with Fountain
  • Open in Photoshop
  • Measure Line Mileage
  • Guides to Help Drawing
  • Reference Layer
  • Onion Skin
  • Track changes
  • Collaborate on Github
  • Export to various Formats

We have 4 brush types which are all you need to draw fast:

  • Light pencil for roughing
  • Pencil for fast sketching
  • Pen for inking strong lines
  • Brush for filling in some shading

You can also specificy 3 brush sizes for each type.

Each brush has its own 5 color pallete. You can set all the colors as you like.

There are no layers. Again, you're boarding story ideas. Managing layers creates so much unneeded complexity and UI mess. A board artist that uses layers probably voted for Trump - or paid way too much for "Pro" storyboard software.

Made a mistake? You can erase that shit.

You can undo and redo.

Made a big mistake? You can clear the whole thing.

If it's off center or too big or too small, you can shift your drawing around or scale it.

Need a straight line? Hold shift while you're drawing and you got straight lines.

There are 5 guide overlays to toggle:

  • Grid
  • Center Marks
  • Thirds
  • Angles
  • Onion skin (previous and next board in shot)

We got mad simple key commands:

  • Light Pencil: 1
  • Pencil: 2
  • Pen: 3
  • Brush: 4
  • Eraser: 5
  • Clear: Delete or Backspace
  • Undo: Cmd+z
  • Redo: Cmd+y
  • Smaller Brush: [
  • Bigger Brush: ]
  • Straight Lines: Hold shift while drawing
  • Move Contents: Hold command
  • Scale Contents: Cmd+Option
  • Color Pick: Hold Option

FAQ

"CHARLES, I RESPEKT UR OPINIONATED SOFTWARE DESIGN GANGSTER, BUT I NEED TO POLISH MY DRAWINGS TIGHTER." No problem, needy bruh. You can click a button to edit in photoshop, and when you save, it updates in Storyboarder.

"CHARLES, STORYBOARDER IS REVOLUTIONARY. PERHAPS BIGGER THAN JESUS AND WRESTLING. - Saul Bass" Fuck you, Saul Bass. Absolutely bigger than Jesus and wrestling. Also, your work output has really dropped off in recent years.

"HOW COME WHEN I'M DRAWING, I HEAR THE IMPERIAL MARCH?" You're probably boarding on the Simpsons. You might want to escape North Korea through China. If not shot crossing the river, you will probably be sold into slavery by the Chinese. Work for 5 years, buy your freedom and make your way to Seoul. This should fix your issue. You're welcome.

Notes on Open Source License

https://wonderunit.com/thoughts-on-free-and-open-source/

Contributers

We would love help on this project. If you are interested in helping out feel free to email charles@wonderunit.com or submit a PR.

Related repositories
excalidraw/excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

TypeScriptnpmMIT Licenseproductivitycollaboration
excalidraw.com
128.1k14.5k
tldraw/tldraw

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

TypeScriptnpmOtherdrawingsketch
tldraw.dev
49.1k3.4k
plait-board/drawnix

开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

TypeScriptnpmMIT Licensecollaborationdrawing
drawnix.com
14.3k1.2k
szimek/signature_pad

HTML5 canvas based smooth signature drawing

TypeScriptnpmMIT Licensesignaturesignature-pad
szimek.github.io/signature_pad/
12k2.2k
flxzt/rnote

Sketch and take handwritten notes.

Rustcrates.ioGNU General Public License v3.0gtkgtk4
rnote.flxzt.net
11.5k477
evolus/pencil

The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

JavaScriptnpmGNU General Public License v2.0pencilnodejs
pencil.evolus.vn
9.8k792
LibreSprite/LibreSprite

Animated sprite editor & pixel art tool -- Fork of the last GPLv2 commit of Aseprite

C++GNU General Public License v2.0pixel-artcplusplus
libresprite.github.io
8.1k518
SixLabors/ImageSharp

:camera: A modern, cross-platform, 2D Graphics library for .NET

C#Otherimage-processingdrawing
sixlabors.com/products/imagesharp/
8k894
1j01/jspaint

🎨 Classic MS Paint, REVIVED + ✨Extras

JavaScriptnpmMIT Licenseimageimage-editing
jspaint.app/about
7.8k663
nhn/tui.image-editor

🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

JavaScriptnpmMIT Licensecanvasphoto
ui.toast.com/tui-image-editor
7.7k1.4k
LibreCAD/LibreCAD

LibreCAD is a cross-platform 2D CAD program. It can read DXF/DWG, and write DXF/DWG/PDF/SVG files. It supports point/line/circle/ellipse/parabola/hyperbola/spline primitives. The GUI is highly customizable, and has dozens of translations.

C++Othercadqt
librecad.org
6.1k1.3k
exyte/Macaw

Powerful and easy-to-use vector graphics Swift library with SVG support

SwiftMIT Licenseiosios-animation
6k569