SVG Cover Image Generator

SVG
HTML
CSS
JavaScript

A simple SVG Cover Image Generator which generates SVG cover images for your blog posts.

Project Image

While building my new site for all ai projects/articles, I ran into a issue where I needed cover images for articles which one looked good, second were easy to generate and third were lightweight(so svg).

I also wanted it to be the bare minimum app, with almost no dependencies. And for fun and giggles, I wanted to build it in a single HTML file. Well it all worked out, and you can use it at SVG Cover Image Generator.

Features

  • You can choose background color, text color.
  • You can choose text size.
  • You can choose Heading and Subheading.

In below screen shot, cover image in center was generated using the tool, it does look good.

SVG Cover Image Generator

Also the code is available on Github. Although a single html file, feel free to modify and use it as you like. It is rough around the edges, mostly mobile view.

Back To All Projects