PPTist: A Developer-Focused Web Presentation Editor Built on Vue 3

What PPTist Is and Who It Is For

PPTist is described in the README as a web slide editing and presentation application, and that positioning is precise. It is built for developers who have web development experience and need a foundation for a custom presentation product. The README states clearly that the provided demo link offers no online service and that the project should not be used directly as a finished tool.

The primary target use case, rated at the highest recommendation level in the README, is building a presentation product that is different from Microsoft PowerPoint rather than a relay station for PowerPoint files. PPTist's core strength is its editing experience and the breadth of supported slide elements: text, images, shapes, lines, charts, tables, videos, audio, and math formulas.

The project explicitly lists scenarios where it is not recommended: low-code platforms, H5 editors, image editors, and whiteboards. For those use cases, the README suggests finding open-source projects that better match those scenarios. This is useful information that narrows the audience and prevents misuse.

Feature Coverage and the Editing Experience

PPTist covers the features that make up most of a real presentation workflow. Slide-level features include background settings with solid color, gradient, and image options; gridlines and rulers; canvas zoom and move; theme settings; transition animations; and element animations with entrance, exit, and emphasis types. There is a selection panel for hiding elements, sorting layers, and naming elements.

Element-level features are detailed. Text elements support rich text editing with color, highlight, font size, bold, italic, underline, strikethrough, subscript, inline code, quotes, hyperlinks, numbered lists, bullet points, paragraph indent, and more. Charts use ECharts, which is listed as a dependency in package.json. Tables support rich text in cells, merging, background colors, borders, and custom column widths.

The editing experience includes context menus everywhere, dozens of keyboard shortcuts, magnetic alignment when moving or scaling elements, and batch editing of multiple selected elements. These details matter for a developer building a product that users will compare to desktop PowerPoint, because the gap in editing refinement is often what makes web editors feel unfinished.

Installing PPTist and Running the Development Server

PPTist requires Node.js version 20 or later. The setup follows the standard Vite project pattern:

npm install

After dependencies are installed, start the development server:

npm run dev

The application runs at http://127.0.0.1:5173/ in the browser. The package.json lists a build script for production:

npm run build

The project uses Vite as the bundler, Vue 3 as the framework, pinia for state management, and ProseMirror for rich text editing inside slide elements. The key PPTX-related packages are pptxgenjs (for export) and pptxtojson (for import), both declared as runtime dependencies. The project does not rely on UI component libraries for its interface, which the README notes makes styling customization more accessible.

AIPPT Integration and the AI Schema

PPTist supports AI-driven presentation generation through two approaches. The first is template-based AIPPT, where an AI generates content that fills a predefined slide template structure. The second is direct data generation: the README references an AI_PPT_SCHEMA.md file in the repository that defines the data structure for AI to generate slide page data directly.

The README rates AIPPT integration at a two-star recommendation level, not five stars. The reason given is candid: the final result depends heavily on model capabilities, prompt design, and asset generation, and PPTist is better suited as a foundation for carrying and editing structured generation results rather than as an out-of-the-box AI PPT product.

This framing is useful for developers evaluating whether to build an AI presentation tool on PPTist. The data structure is documented, the rendering engine is production-ready, but the AI orchestration layer is the developer's responsibility.

PPTX Import and Export Fidelity Boundaries

The README gives concrete fidelity estimates: PPTX import achieves roughly 85% or higher overall fidelity, and PPTX export achieves roughly 95% or higher. These numbers reflect the complexity of the PPTX ecosystem.

On the import side, the README identifies specific scenarios that produce fidelity differences: animations, special charts, deeply nested structures, non-standard elements, and some advanced styles. Teams that need to preview or lightly edit existing PowerPoint files should test with their actual sample files before committing.

On the export side, fidelity differences arise from features that exist in PPTist but have no direct equivalent in the PPTX format: custom nodes, layouts, and features that a developer adds when extending PPTist. These customizations simply cannot survive a round-trip through the PPTX format.

The README rates PPTist as a two-star recommendation for use as an Office PPT authoring tool, with the explicit note that if the core goal is to fully replace Microsoft PowerPoint, teams should evaluate and make trade-offs with their actual business documents.

PPTist vs. Reveal.js

Reveal.js is the most widely deployed web-based presentation framework. The fundamental difference is that Reveal.js is a presentation engine for developer-authored content: slides are written in HTML, Markdown, or JavaScript. There is no GUI editor in the core Reveal.js project. It targets developers who want programmatic control over presentation content.

PPTist is a full editing application with a GUI. Users manipulate elements directly on a canvas. This makes PPTist appropriate as the foundation for a product that non-developer users will operate, while Reveal.js is appropriate for developer-generated content or presentations embedded in documentation sites.

Reveal.js uses an MIT license with no restrictions on commercial use or source disclosure. PPTist uses AGPL-3.0, which requires that modifications and derivative networked services be distributed under the same license. For teams building a commercial web presentation product, that license difference is the deciding factor.

AGPL-3.0 License and Commercial Use

PPTist is licensed under AGPL-3.0. The README includes a section on commercial use in Chinese (the project originated from a Chinese-speaking developer), which indicates that commercial licensing questions are a real concern for the project's audience.

AGPL-3.0 is stricter than GPL in one respect: any software that runs a modified version of an AGPL-licensed project over a network must make the source code of that network service available to users. For a web presentation editor, this means a company that builds a SaaS product on PPTist must release its modified source code to anyone who uses the service.

Developers who need to build a commercial product without source disclosure obligations should evaluate whether a commercial license from the author is available, or consider building on Reveal.js or another MIT-licensed alternative instead. The AGPL requirement is not a defect; it is a deliberate choice by the author that determines who the right user of the project is.

Editorial conclusion

PPTist is the right foundation for developers who want to build a custom web-based presentation product and need a starting point with a broad feature set and working PPTX import and export. It is not suitable for end users looking for a ready-made editor, nor for teams whose core goal is pixel-perfect Microsoft PowerPoint compatibility: the README explicitly states that 100% fidelity is not achievable and that users should evaluate with their own sample files. The AGPL-3.0 license requires that derivative web applications make their source code available, which is a significant constraint for commercial products. Verify that constraint before building on PPTist.

Frequently asked questions

Official sources

1. Issues
2. License: AGPL-3.0
3. pipipi-pikachu/PPTist on GitHub
4. Project website
5. README