User Guide
Create, share, version, and collect feedback on interactive HTML documents with LiveFolio.
Welcome
LiveFolio turns HTML documents into interactive, versioned folios — shareable web pages with built-in feedback and analytics.
This guide covers the LiveFolio platform:
- Getting Started — Create your first folio
- Sharing — Publish and share via public URLs
- Version Control — History, compare, restore
- Comments & Feedback — Annotations and reactions
- Analytics — Views and engagement
- Design Systems — Themes, palettes, typography
- Integrations — Connect AI agents, Slack, Discord
- FAQ — Common questions
How LiveFolio Works
- Create a folio in the studio — write HTML, CSS, JS, or have an AI agent generate it
- Publish to get a shareable URL — anyone with the link can view it
- Collect feedback — viewers leave canvas annotations and emoji reactions
- Iterate — every publish creates an immutable version; restore any previous state
Core Concepts
Folios
An interactive HTML document. It can include JavaScript, CSS, and embedded assets. Each folio has a unique ID, version history, and a shareable URL.
Versions
Every publish creates an immutable version. Browse history, compare changes, and restore any previous state. Versions never change once published.
Sharing
Publish a folio to get a public URL. Share it with anyone. Control access with organization-only visibility, password protection, and expiring links.
Feedback
Reviewers leave canvas annotations (comments pinned to specific positions on the folio) and emoji reactions. All feedback is tied to the current version.
Integrations
Connect AI coding agents via MCP to publish folios directly from your editor. Link Slack and Discord for real-time notifications. See Integrations.