DEV Community

Cover image for I created a simple and clean banner generator πŸ–ΌοΈ
Liyas Thomas
Liyas Thomas

Posted on • Updated on • Originally published at Medium


I created a simple and clean banner generator πŸ–ΌοΈ

Banner 🚩

A simple and clean banner generator

For one of my blog post, I was searching for an online banner generator. There were many heavy-duty banner generators, with tones of useless features, but none seems to be easy and fast with all essential features.

That's why I created an online banner generator tool: Banner for creating banners for blog posts, Facebook covers, Medium stories, post banners, Twitter headers, Youtube banners or Instagram visuals, etc. in only a few clicks away. Use the Banner to promote your e-commerce website or create the perfect product images to boost your online sales and revenue. Forget all the hassle of working with complicated design tools. Learn how to make a banner within minutes!

Banner is an open-source banner generator optimized for change and adaptability to fit your exact needs.


With Banner, now I can make banners in all sizes for free; I can either generate banner from random color scheme or customize from A to Z by changing the wording, color schemes, upload background image, text shadow, text size, canvas size etc.

Designing a banner is now as simple as 1, 2, 3!

  1. Give a heading.

  2. Customize everything!

  3. Download banner.

Bonus: 🌈 I also added an option to customize canvas size: create custom or standard sizes like Medium Rectangle, Large Rectangle, Leader board or Skyscraper etc.

Demo πŸš€

Feel free to contribute on GitHub

If you want a heads up on my next projects, or just want to chat about the web, life and happiness make sure to follow me @liyasthomas on Twitter πŸ’™. If any of my projects helped you please consider making a donation.


Top comments (4)

elmerivincent profile image
Elmeri Keitaanranta

Good job Thomas! From now on I'll use this on my dev posts.

jmfayard profile image
Jean-Michel Fayard πŸ‡«πŸ‡·πŸ‡©πŸ‡ͺπŸ‡¬πŸ‡§πŸ‡ͺπŸ‡ΈπŸ‡¨πŸ‡΄

Thanks for this, I hate so much to spend time on creating a banner!

I don't like that "Randomize" is totally random.
This almost never gives you a nice readable contrast.

I know nothing about colors but people who do propose colors that go well with one other, for example

omarkhatib profile image

Good job but typing is lagging , like not fast as it should be.

liyasthomas profile image
Liyas Thomas

Will look into it when I'm free.

Find and follow new tags! πŸ€” Did you know? Β  DEV has a variety of tags to help you find the content you like. Find and follow your favorite tags