palxiao/poster-design

What it solves

It provides an out-of-the-box, production-ready AI poster editor and online creative image design tool. It simplifies the process of creating posters, e-commerce sharing images, long-form articles, and social media covers without requiring extensive development effort.

How it works

The project uses a native DOM canvas editor built with Vue 3 and TypeScript. It employs a hybrid image generation approach, combining frontend rendering via html2canvas and backend rendering via Puppeteer with a built-in concurrency queue. For AI capabilities, it integrates onnxruntime-web and the u2netp lightweight model to perform AI background removal (matting) directly in the browser, eliminating the need for a dedicated backend server for that specific task. It also supports importing PSD files to help generate templates.

Who it’s for

It is designed for developers looking to build or customize their own online design platforms, as well as users who need a quick way to generate professional-looking graphic designs and posters.

Highlights

• AI-Powered Tools: Includes built-in AI image generation, copywriting assistance, and one-click AI background removal with brush repair/erase tools.
• Comprehensive Editor: Features advanced text effects (shadows, strokes, gradients), image masking, and SVG editing.
• Production Ready: Comes with a full backend management system, user authentication via JWT, and a SQLite database for persisting templates and assets.
• Flexible Output: Supports both frontend and backend image synthesis to lower maintenance hurdles.