一个纯前端实现的文字转图片应用,您可以通过编辑器输入文本和图片,使用预设的 CSS 模板样式,快速生成预览,并导出为图片。

文摘   2024-11-05 20:15   广东  

oneimg

一个纯前端实现的文字转图片应用,您可以通过编辑器输入文本和图片,使用预设的 CSS 模板样式,快速生成预览,并导出为图片。

适合微信公众号长图推文以及小红书、Instagram 等图片社交媒体贴文制作。

Github地址

https://github.com/byodian/oneimg

在线体验

https://oneimgai.com/

特性

  • • 快速文字转图片,大幅提高内容创作效率

  • • 内置多种模版和主题色,更多模版还在开发中

  • • 固定布局编辑器,无需考虑复杂的排版问题

  • • 实时预览生成的长图

  • • 导出为长图和多张切图

  • • 开放格式,导出主题为 .oneimg json 文件

  • • 正文编辑器支持加粗、斜体、下划线和列表等格式

技术栈

  • • 前端: Next.js、tiptap 编辑器、tailwindcss、shadcn/ui

  • • 图片处理:html-to-image, UPNG

  • • 数据库:IndexedDB (本地存储)

快速开始

# 安装依赖
pnpm install 

# 启动项目
pnpm dev

使用方法

  1. 1. 打开应用后,首先创建主题

  2. 2. 选择预设的 CSS 样式模板

  3. 3. 使用编辑器输入内容,实时预览生成的图片样式

  4. 4. 点击导出按钮,生成 PNG 格式的图片并下载。


github淘金
打破信息差,不为免费而付费。关注我,每日分享各种有趣,实用的开源项目。
 最新文章