Project · TypeScript · Canvas / SVG

Elise Graphics

A retained-mode 2D graphics library for the web, designed for interactive scenes, visual tooling, and Canvas or SVG experiences driven from a single model.

View on GitHub Live site All projects
Elise Graphics example: blue model with red ellipse

Overview

Elise combines a retained scene graph, browser-based design surface, dual Canvas and SVG renderers, animation APIs, shared resources, and SVG interoperability in a single library — from low-level vector composition up to full interactive surfaces for kiosks, signage, and presentation-style applications.

Highlights

  • Retained scene graph instead of manual immediate-mode redraw code.
  • One model can render to Canvas for performance or SVG for inspection and export.
  • Design tooling for selection, transforms, snapping, clipboard, undo/redo, and inline rich-text editing.
  • Drawing support for shapes, paths, images, text, text-on-path, sprites, and nested models.
  • Property tween animation API with 31 built-in easing functions.
  • Touch interaction and two-finger pinch/pan on design surfaces.
  • SVG import/export with preserved hierarchy, gradients, <symbol>/<use>, and clip-path handling.
  • Shipped as CommonJS, ES modules, and UMD bundles for direct browser use.