Skip to content
πŸ“• Generate a cover image for your blog post πŸ“
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 49924b6 Oct 11, 2019

πŸ™ Cover Image Generator

Other projects:

  • πŸ”– MarkDown - Live Markdown Generator
  • πŸ—’ Paper - A "no-cloud" note taking app with "networkless" sharing.
  • πŸ‘¨β€πŸ’» ShowPath - Learning Path for Programmers

Generate a cover image for your blog post online.

⚠️ Clear cache and check demo. On mac CMD + Shift + R, On Windows Ctrl + F5

Cover Image Generator

βœ… Live Preview: Click Here

πŸ“Ή Video Preview: Click Here

Made with ❀️ by Twitter Follow Twitter Follow

✨ Features

  • 🌌 Generate Cover Image Online.

  • πŸ–± Drag and drop - Change content position easily

  • πŸ–Ό Insert image from computer

  • πŸŒ… Change background Image from URL, Insert from Unsplash

  • πŸ’» Quick Insert Programming Logos (Material Icons)

  • 🌈 Change Canvas border

  • πŸ”† Dark / Light mode

  • πŸ”› Change canvas width, height

  • 🎨 Customize Background, Font colours

  • ⬇️ Download Image in PNG, SVG, JPEG Format

  • πŸ–‹ Font Selection Option

πŸ“ To Do

  • Text Shadow Option

  • Background darken Option

βš™οΈ Usage

You can use the online version to generate cover image. Click Here


  1. Clone the Repo git clone
  2. Run npm install
  3. Run npm start

🀝 Contributing

Contributions, issues and feature requests are welcome! 😍

Show your support

Give a ⭐️ if this project helped you! πŸ₯°

You can’t perform that action at this time.