Poster Design is an online image editor and AI-powered design tool built with Vue that enables users to create posters, e-commerce product images, article graphics, and social media covers through a browser-based interface.
The tool addresses the need for accessible design creation by combining a native DOM canvas editor with server-side image rendering. It uses Puppeteer on the backend and Html2canvas on the frontend for image composition, with sharp for image processing. The approach integrates AI capabilities including image generation, copywriting assistance, and background removal with a brush-based refinement tool. PSD file import is supported to help generate templates from existing designs.
The project suits teams and individuals needing to automate visual content creation across multiple scenarios without extensive design expertise. It ships with a complete admin backend, built-in database using better-sqlite3, and a full API, making it deployable to production with minimal additional work. The tech stack centers on Vue 3, Vite 5, Pinia, and TypeScript on the frontend, with Node.js and Express powering the backend. The editor provides advanced text and image editing tools alongside the core canvas functionality.
Development activity shows consistent engagement with feature expansion and refinement. The project maintains an active codebase with regular updates addressing both core functionality and new capabilities. Documentation is provided to support local development and deployment, with clear setup instructions for both the frontend development server and backend service. The maintainer actively develops the tool as a production system rather than a demonstration project, evidenced by attention to UI polish, comprehensive feature implementation, and infrastructure for managing templates and user data.
