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

• Element Animations - entrances, loops, and staggering
• Transitions & Morphing - what happens between panes, and why it is automatic

#Output & More

• Export & Publish - share links, source code, CDN embeds, video, images, and PDF
• AI Features - generate and edit images with credits
• Keyboard Shortcuts - the full reference
• MCP Server - let AI assistants build PaneFlow projects for you