Three runnable MIT examples — GSAP, Vega/D3, and Mermaid — are available in the public repository. The Complete Edition contains all 25 projects and their rendered demos.
| ID | Method | Main tools |
|---|---|---|
| m01 | Timeline typography and cards | GSAP, HTML, SVG |
| m02 | 3D product scenes | Three.js |
| m03 | Procedural 3D scenes | Blender Python |
| m04 | Math and formula animation | Manim |
| m05 | Architecture and code animation | Motion Canvas |
| m06 | Vector and icon motion | SVG, Lottie |
| m07 | Filters, grading, and compositing | FFmpeg |
| m08 | Synthetic product demonstrations | HTML |
| m09 | Live browser workflow capture | Playwright |
| m10 | Data graphics | Vega, D3 |
| m11 | 2.5D parallax | Layered images |
| m12 | Geographic routes | MapLibre |
| m13 | Kinetic text | Canvas |
| m14 | Particle backgrounds | Canvas |
| m15 | Shader motion | GLSL |
| m16 | Diagrams as code | Mermaid, SVG |
| m17 | Terminal demonstrations | Terminal animation |
| m18 | Physics scenes | Matter.js |
| m19 | Audio visualizers | Audio analysis, Canvas |
| m20 | Hand-drawn explainers | Rough.js |
| m21 | Markdown slides to video | Marp |
| m22 | Programmatic video templates | Revideo |
| m23 | Desktop-window capture | Screen capture |
| m24 | Silence detection and editing | FFmpeg |
| m26 | Combined short-video timeline | Multiple methods |
The delivered IDs include m26 as the 25th method; m25 is not a separate project.
After payment, Payhip provides the purchased files through its order download controls. Keep your receipt and follow the included setup guide.
The projects use tools including Node.js, FFmpeg and, for selected methods, Python or Blender. Each method has its own dependency list and run command.
We want you to be confident in your purchase. Please read our full Refund Policy. Review the terms shown by your chosen checkout platform before purchasing.
Nickwang