Skip to content

Ali-Nasir-01/Cover-Image-Generator

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ™ Cover Image Generator

Generate a cover image for your blog post online.

Twitter Follow and Twitter Follow created this repository, however, it doesn't appear like they are actively maintaining it.

I thank them.

I'm still making fixes to flaws and problems in my own version.

⚠️ 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

✨ 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 Do

  • Text Shadow Option
  • Make it Node 18 compatible.
  • Linear gradient background possibility
  • Add custom file name input

βš™οΈ Usage

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

OR

  1. Clone the Repo git clone https://github.com/Ali-Nasir-01/Cover-Image-Generator.git
  2. Run npm install
  3. Run npm start

Be aware that Node 14 is the only version that is currently compatible.

🀝 Contributing

Contributions, issues and feature requests are welcome! 😍

Show your support

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

About

πŸ“• Generate a cover image for your blog post πŸ“ https://cover-blog-generator.vercel.app

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.5%
  • SCSS 23.5%
  • HTML 2.0%