别再手动拼Excel发票了:用Invoify在线发票生成器3分钟出PDF
【免费下载链接】invoifyAn invoice generator app built using Next.js, Typescript, and Shadcn项目地址: https://gitcode.com/GitHub_Trending/in/invoify
月底要开票的时候,你是不是也在干这种事:打开 Excel 敲项目、改税率、算总额,再复制粘贴到 Word 调格式,客户说"把付款期限换下个月",整个文件推倒重来。Invoify 就是一台跑在浏览器里的在线发票生成器——把开票方信息、账单明细、付款方式填进分步表单,几分钟后就能拿到一份排版规整的 PDF 发票,下载或发邮件都行。
它到底是什么,适合谁用
简单说:Invoify 是免费开源的网页应用,面向自由职业者、小团队和初创公司,解决"开一张拿得出手的发票要折腾半小时"这件事。没有账号体系,打开即用;发票数据直接存在浏览器里,刷新也不丢。
第一次给客户开票:从空白到PDF只要5步
场景:客户刚下第一单,你连开票模板都没有。操作:跟着向导走——开票方/客户信息 → 发票细节(日期、编号)→ 明细行 → 付款方式 → 汇总,每步都有实时金额小计。收益:一份带银行信息的 PDF 直接发出去,不用翻模板网站。
账单来回改三遍?实时预览替你省掉"导出-打开-失望"
场景:客户临时要求把付款期限从 Net 30 改成 Net 15。操作:改哪个字段,右侧 Live Preview 立刻刷新,不用反复导出检查。收益:确认无误再出 PDF,避免发错版本这种尴尬。
数据要进财务系统?JSON、CSV、XLSX、XML都能导
场景:发票开完,还要把数据喂给记账软件或 Excel 台账。操作:在导出入口里选格式,支持 JSON、CSV、XLSX、XML 四种,也能把填好的数据存回浏览器、下次一键载入。收益:开票和记账之间不再靠手工复制。
技术栈一览
| 技术 | 在这里的作用 |
|---|---|
| Next.js 13 + TypeScript | 页面骨架与类型安全,服务端渲染保证首屏速度 |
| Shadcn UI + Tailwind CSS | 表单与弹窗的视觉组件,响应式排版 |
| React Hook Form | 分步表单的状态管理,改哪填哪不卡手 |
| Puppeteer | 无头浏览器把页面渲染成 PDF |
| Nodemailer | 在应用内直接把 PDF 发到客户邮箱 |
| Zod + Lucide Icons | 数据校验与统一图标风格 |
快速上手
- 打开浏览器访问官方演示站 invoify.vercel.app;
- 按向导填好开票方与收款方信息;
- 添加商品明细、税率和折扣,右侧预览实时跟进;
- 点"Generate PDF"生成文件,选择下载或发送邮件;
- 想本地部署:克隆仓库
git clone https://gitcode.com/GitHub_Trending/in/invoify,执行npm install,需要邮件功能的话在.env.local配置邮件凭证,再npm run dev启动。
说点实话
目前可选模板只有两套,想换风格的选择不多;README 也承认 Firefox 下存在已知问题,用 Chrome 或 Edge 体验更稳。
开票这件事,交给浏览器里那台小工具就好:访问invoify.vercel.app,三分钟开出一张能直接发给客户的 PDF 发票。
【免费下载链接】invoifyAn invoice generator app built using Next.js, Typescript, and Shadcn项目地址: https://gitcode.com/GitHub_Trending/in/invoify
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考