Export & Publish
Everything leaves the editor through the "Export Project" panel in the top bar (CTRLS). From quickest to most involved: a share link, a hosted embed, source code, or rendered files.
#Share Link
"Share Project" gives you a link that opens a full-screen, view-only player of your project - the fastest way to show work to a teammate or client. Copy it or open it in a new tab; it always reflects the current state of the project.
#Source Code Export
PaneFlow exports real source code in five formats: HTML, React, Vue, Svelte, and Next.js. Each opens a code viewer where you can browse the generated files, copy them, or download the whole thing as a ZIP - with an "Include media in the download" toggle to bundle your images and videos instead of referencing them from the CDN.
What you get is your slideshow as a component (or a plain HTML page) plus the PaneFlow runtime - a small self-contained JS and CSS pair shipped inside the ZIP. There is no package to install and no external dependency beyond your own framework; the Next.js export is even a complete runnable project (npm install && npm run dev). TypeScript definitions are included where they apply.
The exported slideshow is fully responsive: drop the component into any container and it scales to fit.
#Publish to CDN and Embeds
"Publish" uploads your project to the PaneFlow CDN and gives you embed instructions; after the first publish the button becomes "Update", and republishing updates the same URLs in place. The "Instructions" popup covers four integration paths:
- Manually - add one stylesheet link, one script tag, and the slideshow markup to your page. The slideshow renders directly in your DOM.
- iFrame - a single copy-paste snippet that keeps the project's aspect ratio and stays fully responsive, with styles isolated from your site.
- Webflow - install the PaneFlow app in Webflow, select an element, and click "Insert Slideshow". The project must be published to CDN first.
- Framer - install the PaneFlow plugin in Framer and paste your project URL.
#Video, Images, and PDF
- "Export To Video" renders your slideshow to MP4 through the free PaneFlow Video Renderer companion app (macOS, Windows, Linux). The editor hands your project to the app, where you set background color and render options - animations and transitions render frame-precisely, exactly as designed.
- "Export To Images" produces a ZIP with one JPEG per pane, each rendered in its settled state.
- "Export To PDF" builds a document with one page per pane - handy for slide decks that need to travel as attachments.
#Project File
"Export Project To File" downloads a .paneflow file containing the entire project. Import it from the dashboard to restore a backup, move a project between accounts, or hand it to a teammate.
#Next
- AI Features - credits and image generation
- Custom Code - how embedded code ships in exports
- MCP Server - drive PaneFlow from an AI assistant
