Documentation

PaneFlow is a visual builder for animated slideshows, presentations, and interactive sections you can embed anywhere. You design on a fixed canvas in pixels, and the result scales fluidly to any container - exported as clean HTML, React, Vue, Svelte, video, images, or PDF.

These docs are short by design. If you read just one page, make it Core Concepts - it explains the model behind everything else.

#Getting Around

  • Core Concepts - panes, blocks, elements, and the idea that powers PaneFlow transitions
  • The Editor - the sidebars, the canvas, and the selection model

#Building

  • Working With Panes - your slides: adding, ordering, and per-pane overrides
  • Working With Blocks - layout containers on the grid, and reusing them across panes
  • Elements Overview - the element types and the controls they share
  • Text - fonts, sizing, alignment, and text effects
  • Images & Video - backgrounds, positioned media, fitting, and looping
  • Shapes - presets, lines, bezier curves, and the draw animation
  • Charts - five chart types from a spreadsheet or typed-in data
  • 3D Models - device mockups and geometry, rotated in 3D across panes
  • Custom Code - your own HTML and CSS inside a slideshow
  • Interactive Slideshows - clicks that navigate, link, download, or call your functions

#Motion

#Output & More