KartikLabhshetwar/screenshot-studio
GitHub: KartikLabhshetwar/screenshot-studio
一款免费的浏览器端截图美化编辑器，提供丰富的背景、设备外框、3D变换、标注及动画功能，支持高清图片与视频导出，让截图快速变为精美视觉素材。
Stars: 809 | Forks: 125
# 截图工作室
一款免费的、基于浏览器的截图编辑器。提供精美的背景、设备外框、3D 效果、动画以及视频导出功能。无需注册，无水印。
**在线体验：** [screenshot-studio.com](https://screenshot-studio.com)
## 功能
- **100+ 种背景** — 渐变、纯色、图像、模糊、噪点
- **浏览器模型** — Safari 和 Chrome（浅色/深色），配备逼真的工具栏，可调节页眉大小及自定义 URL
- **设备外框** — Arc 浏览器、拍立得、玻璃、轮廓、边框样式
- **3D 变换** — 30+ 种具有逼真景深的透视预设
- **绘制与标记** — 箭头、形状、模糊区域、文字覆盖
- **推文与代码片段** — 导入推文，生成代码图片
- **动画** — 20+ 种预设，时间轴编辑器，关键帧控制
- **视频导出** — 支持 MP4、WebM、GIF，采用硬件加速编码
- **高分辨率导出** — 支持 PNG/JPG 最高 5 倍缩放，完全在浏览器内完成
## 快速开始
```
git clone https://github.com/KartikLabhshetwar/screenshot-studio.git
cd screenshot-studio
npm install
npm run dev
```
打开 [localhost:3000](http://localhost:3000)
## 技术栈
Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Zustand · Radix UI · Motion · FFmpeg WASM · WebCodecs
## Star 历史
[](https://star-history.com/#KartikLabhshetwar/screenshot-studio&Date)
## 许可证
[Apache License 2.0](./LICENSE)标签：FFmpeg WASM, React, Syscalls, 前端工具, 图片编辑, 截图美化, 浏览器端应用, 自动化攻击