Generate Cover Image For Your Dev Posts Easily

Generate a cover image for your Dev.to article online.

PJijin / Cover-Image-Generator

📕 Generate a cover image for your blog post 📝 https://blogcover.now.sh/

🏙 Cover Image Generator

Generate a cover image for your blog post online.

Other projects:

• 🔖 MarkDown - Live Markdown Generator
• 🗒 Paper - A "no-cloud" note taking app with "networkless" sharing.
• 👨‍💻 ShowPath - Learning Path for Programmers

Generate code screenshot with CodeKeep Screenshot

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

✅ Live Preview: Click Here

📹 Video Preview: Click Here

Made with ❤️ by

✨ 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

• Background darken Option

📝 To

…

View on GitHub

Some of the features are

🌌 Generate Cover Image Online.

🖱 Drag and drop - Change content position easily

🖼 Insert image from computer

💻 Quick Insert Programming Logos (Material Icons)

🌈 Change Canvas border-radius and style

🔆 Dark / Light mode

🔛 Change canvas width, height

🎨 Customize Background, Font colours

⬇️ Download Image

Planning to add a few options like:

• Select a pre-made template and save time ⏰

Feel free to report issues and contribute 🥰

Hit ⭐️ if you like the project 😍, Feel free to open issues 🎉

Github: https://github.com/PJijin/Cover-Image-Generator

Live Demo: https://blogcover.now.sh/

Join on ProductHunt ✨ https://www.producthunt.com/posts/blog-cover

Comment your suggestions 🥰

Follow On Twitter: https://twitter.com/PJijin

Comments

[Stéphane FEUGA OSHIMA]

Hello, Thanks for this App, it's really cool.

My two cents suggestions:

• Add some blur (and/or darken) to the background image (to get a better reading of the text)
• Add option to resize icons (maybe only .5x, 1x and 1.5x can be enough)
• An option to save/load a template can be useful in case we want to make the same "background" with different texts

[Jijin P 👨‍💻🦄]

Background darken option added 😄

[Stéphane FEUGA OSHIMA]

Yeah !
I just tried it and it's really cool !
Thanks

[Theo]

Blown away, will use!
One suggestion would be to add different fonts.

[Dr. Derek Austin [aka dj D-REK from Richmond, VA]]

Great idea, maybe a Google fonts integration? ;)

[Theo]

Perfecto.

[Jijin P 👨‍💻🦄]

Done 👍🏻

Clear cache and check demo 😍

[Theo]

Will do!

[Diego Boscan]

Thanks! It's great

[Pangoli]

Thank you

[Jason C. McDonald]

Nice work! I am definitely going to start using this.

[JavaScript Room]

Such a great job! You need a proper domain name for it, keep it alive!

[Jijin P 👨‍💻🦄]

Added domain and few new features 🎉

• Added on ProductHunt 😃

[Jijin P 👨‍💻🦄]

👍🏻 Sure. Will add soon. Few features are still pending. 😃

[Ben Halpern]

Really neat!!!

[Jacob Herrington (he/him)]

Thanks for sharing! I'll be sure to star and poke around!

[Varun]

Cool and very useful util.Thanks

[Jijin P 👨‍💻🦄]

 😍 Thank You

[Phoebe M]

The lazy girl in me thanks you! This tool is so great!

[Anugraha Acharya]

Not downloading properly. Corrupt image file.

[Jijin P 👨‍💻🦄]

Looks like there is an issue in png download. Let me check

Update: Fixed 😍

[jsmanifest]

Good job dude!

[Jijin P 👨‍💻🦄]

😍