IntermactInteractive Manim-style math visualization

Declare objects → seekable timeline → React Three Fiber live rendering → scrub the timeline / tune parameters to explore

Get Started

Install from npm

API Reference

Interactive Demos

Example Index

Architecture (design.md)

⏱️

Seekable timeline

Storyboard accumulated at build time, pure-function evaluation at playback; scrubbing the timeline yields deterministic results, with snapshot tests in CI.

📐

2D geometry + R3F rendering

Arc-length sampling, earcut fill, stroke trim reveal, HiDPI/resize without distortion.

🎬

Basic animation orchestration

Create / Fade / Move / Morph / sequence / parallel / stagger — all compiled into seekable Tracks.

📡

Minimal reactive layer

Signal / derived / valueTracker / tweenSignal; Leva parameter tuning drives live geometry recomputation.

📊

Math toolbox (v0.2)

Scale, FunctionGraph/Riemann, Morph matching, OpenType/LaTeX writing, drag interaction, and Inspector.

Documentation coverage: Phase-1 & Phase-2 (v0.1–v0.2)

Phase-1 (v0.1) delivers the full loop from an empty canvas to basic 2D narrative plus interactive function curves; Phase-2 (v0.2) extends Scale, math constructs, Morph matching, text/LaTeX, interaction, and layout. The guides, API Reference overview, and example index cover the M0–L2 public API. The repository is currently at v1.0 (including Phase-3 PCG/3D/export/plugins); Phase-3 concepts are in Extensibility. See the full architecture contract in dev-docs/design.md.

Use in your app:

bash

npm install @intermact/core @intermact/react react react-dom three @react-three/fiber

Develop from source (contributors):