简体中文 | English

🎨 PPTist

PowerPoint-ist（/'pauəpɔintist/）, A web-based presentation (slideshow) application. This application replicates most of the commonly used features of Microsoft Office PowerPoint. It supports various essential element types such as text, images, shapes, lines, charts, tables, videos, audio, and formulas. You can edit and present slides directly in a web browser.

Try it online👉：https://pipipi-pikachu.github.io/PPTist/

China Mirrors (Synchronized Regularly): Gitee、GitCode

✨ Highlights

Easy Development: Built with Vue 3.x and TypeScript, it does not rely on UI component libraries and avoids third-party components as much as possible. This makes styling customization easier and functionality extension more convenient.
User Friendly: It offers a context menu available everywhere, dozens of keyboard shortcuts, and countless editing detail optimizations, striving to replicate a desktop application-level experience.
Feature Rich: Supports most of the commonly used elements and functionalities found in PowerPoint, supports generate PPT by AI, supports exporting in various formats, and offers basic editing and previewing on mobile devices.

👀 Front-Row Reminder

The target audience for this project is developers with web slide development needs and basic web development experience. The provided link is for demonstration purposes only and does not offer any online services. This project should not be used directly as a tool, nor does it support out-of-the-box use. If you simply need a ready-made service or tool, please consider other products.
Here are some summarized Frequently Asked Questions. When raising Issues or submitting PRs for the first time, be sure to read this document in advance.
For commercial use, please refer to 商业用途

🧩 Project Positioning

This project is strictly positioned as a Web Slide Editing/Presentation Application. It is not intended to be an ~~AI PPT generator, low-code platform, or image editor~~. The following are the recommendation levels for common use cases:

Low-code Platforms / H5 Editors / Image Editors / Whiteboards (Recommendation: Not Recommended): We suggest choosing open-source projects specifically designed for those purposes.
PPT File Preview Tool (Recommendation: ⭐): The ability to import .pptx files is limited (roughly 60% fidelity). Unless your requirements for preview accuracy are low and you only need basic content display, this is not recommended.
AI PPT Generation Tool (Recommendation: ⭐⭐): While the project provides basic template-based AI generation, it is not the core focus. As AI technology evolves (moving from templates to HTML-based or image-based generation), this project will not necessarily follow those trends. However, if you wish to build a template-based AI generator and are willing to implement your own generation logic, PPTist’s robust editing capabilities make it a strong foundation.
Office PPT Authoring Tool (Recommendation: ⭐⭐): PPTist supports many common Office features and basic .pptx export. However, exports are not 100% identical to the original, and as mentioned, import capabilities are limited. Choose this only if you can accept these limitations.
Web Slide Editing/Presentation App (Recommendation: ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐): This is the primary use case. The core strengths of PPTist are its editing capabilities and user experience. You can build upon this project to customize or add unique nodes and features tailored to your specific needs, where Office compatibility is not the ultimate goal. Summary: Our vision is for you to use PPTist to create a presentation product that is distinct from Microsoft Office, rather than just using it as a middleman for editing Office files.

🚀 Installation

node.js version >= 20

npm install

npm run dev

Browser access: http://127.0.0.1:5173/

📚 Features

Basic Features

History (undo, redo)
Shortcuts
Right-click menu
Export local files (PPTX, JSON, images, PDF)
Import and export pptist files
Print
AI PPT

Slide Page Editing

Add/delete pages
Copy/paste pages
Adjust page order
Create sections
Background settings (solid color, gradient, image)
Set canvas size
Gridlines
Rulers
Canvas zoom and move
Theme settings
Extract slides style
Speaker notes (rich text)
Slide templates
Transition animations
Element animations (entrance, exit, emphasis)
Selection panel (hide elements, layer sorting, element naming)
Labels for Page and Node Types (usable for template-related features)
Find/replace
Annotations

Slide Element Editing

Add/delete elements
Copy/paste elements
Drag and move elements
Rotate elements
Scale elements
Multiple element selection (marquee, point selection)
Group multiple elements
Batch edit multiple elements
Lock elements
Magnetic alignment of elements (move and scale)
Adjust element layer
Align elements to canvas
Align elements to other elements
Evenly distribute multiple elements
Drag to add text and images
Paste external images
Set element coordinates, size, and rotation
Element hyperlinks (link to webpage, link to other slide pages)

Text

Rich text editing (color, highlight, font, font size, bold, italic, underline, strikethrough, subscript, inline code, quote, hyperlink, alignment, numbering, bullet points, paragraph indent, clear formatting)
Line height
Character spacing
Paragraph spacing
First line indent
Fill color
Border
Shadow
Transparency
Vertical text
AI Rewrite/Expand/Abbreviate

Images

Crop (custom, shape, aspect ratio)
Rounding
Filters
Tint (mask)
Flip
Border
Shadow
Replace image
Reset image
Set as background

Shapes

Draw any polygon
Draw any line (unclosed shape simulation)
Replace shape
Fill (solid color, gradient, image)
Border
Shadow
Transparency
Flip
Shape format painter
Edit text (supports rich text, similar to text element’s rich text editing)

Lines

Straight lines, polylines, curves
Color
Width
Style (solid, dashed, dotted)
Endpoint style

Charts (bar, column, line, area, scatter, pie, donut, radar)

Chart type conversion
Data editing
Background fill
Theme color
Coordinate system and axis text color
Grid color
Other chart settings
Border

Tables

Add/delete rows and columns
Theme settings (theme color, header, total row, first column, last column)
Merge cells
Cell styles (fill color, text color, bold, italic, underline, strikethrough, alignment)
Border

Video

Preview cover settings
Auto play

Audio

Icon color
Auto play
Loop play

Formulas

LaTeX editing
Color settings
Formula line thickness settings

Slide Show

Brush tools (pen/shape/arrow/highlighter annotation, eraser, blackboard mode)
Preview all slides
Bottom thumbnails navigation
Timer tool
Laser pointer
Auto play
Speaker view
Audience view

Mobile

Basic editing
- Add/delete/copy/note/undo redo pages
- Insert text, images, rectangles, circles
- General element operations: move, scale, rotate, copy, delete, layer adjust, align
- Element styles: text (bold, italic, underline, strikethrough, font size, color, alignment), fill color
Basic preview
Play preview

👀 FAQ

Some common problems: FAQ

🎯 Supplement

There is currently no complete development documentation, but the following documents may be of some help to you:

Here are some auxiliary development tools/repositories:

Import PPTX file reference: pptxtojson
Draw shape: svgPathCreator

📄 License

🧮 Commercial

If you wish to use this project for commercial gain, I hope you will respect open source and strictly adhere to the AGPL-3.0 license, giving back to the open source community. Or contact the author for an independent commercial license.

🧮 商业用途

本项目禁止闭源商用，如果你希望将其用于商业项目，请尊重开源，严格遵循 AGPL-3.0 协议，回馈开源社区；
如果你因为任何原因，无法执行 AGPL-

PPTist

Install / Use

README