Eric Harris Back to portfolio

Windows desktop application · v0.1.0

StoryBoard

A Windows desktop app for visual storytelling and pre-production - organize storyboard keyframes, build emotional beat boards, load artifact bundles without unzipping, inspect 3D references, and export video animatics, all in one local workspace.

Platform: Windows 10+ Stack: Electron · React · Three.js License: MIT Status: v0.1.0 demo release
Electron React Vite Three.js JSZip Electron Builder
Download Windows App View Code View Release

Overview

One local workspace for pre-production

StoryBoard gives artists and filmmakers a single Windows workspace for the messy front half of production. It organizes storyboard keyframes chronologically on reorderable shot cards, plans emotional beats with color, script, and music cues, loads artifact bundles without manually unzipping them, inspects 3D scene and object references, and exports a WebM animatic from the assembled board.

It is a native desktop app - Electron and React for the shell and UI, Three.js for the 3D viewer, JSZip for reading bundles in place. v0.1.0 is a portfolio/demo release: functional for local storyboard planning, bundle review, 3D reference loading, and animatic export, shipped with a generic public demo bundle.

Why it exists

Problem & goal

The problem

Visual pre-production is scattered across disconnected tools - shot lists here, beat notes there, 3D references somewhere else - and reference material tends to arrive as .zip bundles that have to be unpacked by hand before anything can be reviewed.

The goal

Hold the whole pre-production loop in one local app: plan keyframes, shape emotional beats, open bundles in place, inspect 3D references, and export an animatic - without leaving the desktop or uploading anything to a service.

What it does

Key features

Storyboard keyframe planning

Reorderable shot cards with notes, timecodes, and beat duration - sequence a board chronologically and rearrange as the story changes.

Emotional beat board

Plan beats by color and intensity, and attach script notes and music cues so the emotional arc is visible alongside the shots.

3D reference viewer

Load .glb, .gltf, .obj/.mtl, .stl, and .ply scene and object files to keep visual continuity across shots.

Realtime 3D controls

Toggle textures, colors, lighting, normals, wireframe, and grid, and rotate the camera to inspect a reference from any angle.

Artifact bundle picker

Select files straight out of a .zip bundle without manually unzipping it - powered by JSZip reading archives in place.

Animatic export

Render a .webm animatic from the assembled storyboard beats - a moving pass over the board, straight from the app.

The workspace

What it produces

Illustrative, generic representations of the app’s core views - keyframes, beats, 3D reference, and the exported animatic.

Keyframe boardReorderable shot cards, in sequence
Beat boardColor, intensity, script & music cues
3D reference viewerWireframe, lighting & camera controls
Animatic exportWebM render from the assembled board

Representations are generic and illustrative; the repository ships only a portfolio-safe demo bundle, with all private creative material excluded.

Built with

Tech stack

Electron React Vite Three.js JSZip Electron Builder

Release v0.1.0

What’s in the first release

Highlights

  • Storyboard keyframe planning with editable beat cards.
  • Emotional beat board for color, script, music, notes, and timing.
  • 3D scene and object reference viewer with material, texture, color, lighting, normal, grid, wireframe, and camera controls.
  • Artifact bundle ZIP picker for choosing files without manually unzipping.
  • WebM animatic export from the assembled board.
  • Generic public demo bundle included.

Known limitations (honest v0.1.0 notes)

  • The Windows build is unsigned, so SmartScreen may warn on first launch.
  • The packaged app is an Electron app folder and must be kept together after extracting.
  • Animatic export creates .webm; converting to .mp4 needs a separate video tool.
  • Audio mixing depends on Chromium support for the selected audio file type.

Under the hood

Build facts

Platform
Windows 10 or newer (native desktop, offline)
Shell & UI
Electron main/preload with a React + Vite renderer
3D & bundles
Three.js reference viewer · JSZip in-place archive reading
Packaging
Electron Builder - run Storyboard.exe from the extracted folder
Languages
JavaScript · CSS
Distribution
Storyboard-v0.1.0-windows.zip - extract and keep the files together
License
MIT

Try it or read the code

The Windows build, full source, and release notes are all public.

Download Windows App View Code Back to portfolio