发现一个 PPT 神器!免费在线 PPT 制作系统,一键生成 PPT,支持在线预览与导出

点击下方【IT学习日记】“关注”、选择 “设为标星”

每天三分钟、打卡阅读

最快获取全网学习干货、行业资讯

简介

本项目是一款开源的在线演示文稿(PPT)制作系统，基于它，无需安装软件，即可在Web端快速制作出各类风格的PPT。系统采用了类似PPT的非线性编辑模式，支持文字、图片、形状、线条、图表、表格、视频、音频、公式等最常用的元素类型和自由排版、多格式导出、在线预览、AI生成等核心功能。

系统采用了前后端分离模式架构设计，具备出色的拓展能力，支持二次开发、深度定制和私有化部署，十分适合于个人创意展示、教育课件制作、企业商务汇报等场景使用。

项目特点

• 易开发：

• 基于Vue3.x + TypeScript构建，不依赖UI组件库，样式定制更轻松、功能扩展更方便

• 易使用：

• 提供随处可用的右键菜单、几十种快捷键，符合用户日常使用习惯

• 系统经过无数次编辑细节打磨，最大还原桌面应用级体验

• 功能丰富：

• 支持PPT中的几乎所有的常用元素和核心功能

• 支持AI生成PPT，提升内容生产效率，满足不同场景下用户需要

• 支持多种格式导出

• 支持移动端基础编辑与预览，随时随地可以修改文档

功能列表

• 智能编辑器系统：

• 富文本编辑：支持字体、字号、颜色、对齐方式等所有常用格式设置，提供所见即所得的编辑体验

• 多媒体集成：支持图片、视频、音频元素的插入与统一管理，满足不同场景下的使用需求

• 数据可视化：内置图表工具，支持柱状图、饼图、折线图等多种图表类型使用，可自定义组合使用

• 公式编辑：支持数学公式的插入与编辑，满足教育与科研领域等特定场景下的专业需求

• 演示与播放管理：

• 支持沉浸式的全屏演示模式，支持键盘与鼠标控制翻页

• 支持手机端作为提词器，电脑端播放幻灯片

• 支持在编辑过程中实时预览动画与转场效果，所见即所得

• 动效与设计管理：

• 支持元素的入场、强调、退场动画，以及路径动画（自定义运动轨迹）等动态效果使用

• 支持基于点击事件的动画触发，可自定义组合实现复杂的交互逻辑

• 内置丰富模板库，包含商务汇报、教育培训、创意设计等多场景的专业模板，可一键套用

• 导出管理：

• 基本还原了Office PowerPoint常用功能，导出的文件可兼容Microsoft PowerPoint

• 支持导出为PDF（用于打印与分享）、图片（用于社交媒体传播）、JSON（用于数据备份与迁移）

功能截图

首页

在线图库

各类公式

各类主题

动画效果

AI一键生成

导出格式

项目结构

├── assets                        // 静态资源│   ├── fonts                     // 在线字体文件│   └── styles                    // 样式│       ├── antd.scss             // antd默认样式覆盖│       ├── font.scss             // 在线字体定义│       ├── global.scss           // 通用全局样式│       ├── mixin.scss            // scss全局混入│       ├── variable.scss         // scss全局变量│       └── prosemirror.scss      // ProseMirror 富文本默认样式├── components                    // 与业务逻辑无关的通用组件├── configs                       // 配置文件，如：画布尺寸、字体、动画配置、快捷键配置、预置形状、预置线条等数据。├── hooks                         // 供多个组件（模块）使用的 hooks 方法├── mocks                         // mocks 数据├── plugins                       // 自定义的 Vue 插件├── services                      // API方法├── types                         // 类型定义文件├── store                         // Pinia store，参考：https://pinia.vuejs.org/├── utils                         // 通用的工具方法└── views                         // 业务组件目录，分为 `编辑器` 和 `播放器` 两个部分。    ├── components                // 公用的业务组件    ├── Editor                    // 编辑器模块    ├── Screen                    // 播放器模块    └── Mobile                    // 移动端模块

快速安装

npm installnpm run dev浏览器访问：http://127.0.0.1:5173/

更新进度

1000+优质开源项目更新进度：433/1000。如需更多类型优质项目推荐，请在文章后留言。

开源地址&使用手册

点击下方公众号  回复  资源  获取！

往期精彩