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
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github added github actionsπŸ”¨ Aug 27, 2019
public Added analytics,logo Aug 21, 2019
.gitignore πŸŽ‰ Initial Version Aug 5, 2019 Create Aug 11, 2019
LICENSE Create LICENSE Aug 11, 2019 Update Oct 11, 2019
now.json Merge branch 'master' of Aug 5, 2019
package-lock.json Bump eslint-utils from 1.3.1 to 1.4.2 Aug 27, 2019
preview.png Updated Readme and Preview Image Aug 14, 2019
yarn.lock Bump eslint-utils from 1.3.1 to 1.4.2 Aug 27, 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.