Cover Atelier

A privacy-first blog cover maker that runs entirely in your browser.

Live Demo · 中文说明 · Star the project

Highlights

• Local by design. Selected images and fonts remain in the current browser session.
• Live editing. Changes to the title, subtitle, typography, color, and glass strip immediately update the preview.
• Local fonts. Use installed system fonts or load TTF, OTF, WOFF, and WOFF2 files.
• Flexible export. Save a 1600 × 900 cover as PNG, JPEG, WebP, or AVIF.

Workflow

1. Open the live demo.
2. Choose a background and edit the cover.
3. Export the finished image in your preferred format.

Privacy

Cover Atelier has no application backend and does not intentionally upload your selected image or font. These files remain in the current page session and are discarded when you refresh or close the page.

Development

npm install
npm run dev

npm test
npm run build

Roadmap

• Cover presets
• Common platform dimensions
• Automatic color suggestions
• Installable offline/PWA support

License

MIT © 2026 Hubujiu