Standalone Example

This example demonstrates how to use the State Machine Animator on a static page. You can host this HTML file on GitHub Pages or any static hosting service. Just include the dist/ folder alongside your HTML.

Drag to pan, scroll to zoom. Click "Reset View" to restore default view.

Using on Static Pages

To use this on GitHub Pages or any static host:

  1. Copy the dist/ folder to your repository
  2. Create an HTML file that imports from ./dist/state-machine-animator.js
  3. Use type="module" on your script tag