Easily create a personalised and unique Twitter banner in seconds. Choose from a variety of backgrounds and gradients, input your text (or use AI!) and place it where you like. Instantly add a follow me arrow and images, too!
Hello Product Hunters!
I'm Sarwech, the creator behind Birdbanner, and I'm excited to share an easier way to create Twitter banners.
I made Birdbanner because I wanted something that spoke to me as an indie hacker. I saw a lot of tools (like Canva) but they're designed more for marketers working in big companies and other professionals. I also saw the potential for a Twitter banner to be a way to share an indie hacker's journey, instead of something that's made once and forgotten.
So I decided to create a new tool that makes this possible. You can create a banner in seconds and the tool makes it easy to add your product logos so you can share what you're working on. When you're signed in, your banner is saved so you can come back to update it later on.
It's free to use and all of the features are available with a watermark (or you can upgrade for just $1).
What does Birdbanner offer?
🖌️ Easy customization: Pick from stunning backgrounds and gradients as well as options like background blur and overlays.
📍 Drag and drop: Place text and images exactly where you want them on your banner.
📝 Generate with AI: If you're stuck, just hit the ✨ button to generate text to help you get started.
➡️ Increase follows: Add a 'follow me' arrow and images to make your banner not just seen but more memorable and engaging.
🎨 No design skills required: Anyone can create a good looking banner with the simple UI. If you're struggling, just add text and hit randomize to cycle through different styles.
👀 Coming soon: I'm also working on new templates like adding an MRR chart and dynamic banners that change over time, so stay tuned for those.
If you've followed me on Twitter then you'll know I'm all about listening to people and iterating quickly. So if you've tried it out, I'd love to know what you think. Feel free to leave a comment below or DM me with any feedback!
Thanks and have a great day! 🫡
@starwardshar amazing work!
Simple, effective and beautiful UI 👌
Report
@starwardshar A couple of quick feedback: on dark mode, the arrows in the selection panel are not visible. And if I change the color of the arrow, the "Follow me" text color doesn't change. IMO, this color should match the arrow's color, rather than the main text's color. Well done, Sarwech!
@tailormeta Fabio, thank you for the quick feedback and good spot on the bug!
I like your idea to match colour for the arrow and "Follow me" text.
I've just pushed an update that has a fix for the bug and uses your idea for the colours. Thanks again!
Report
🧐 Good find
@starwardshar I confirm that the bug has been fixed!
Did my comment earn the "Good find" badge then? I'm collecting badges! 😂
Great quick implementation, I think it makes more sense this way!
@tailormeta Hah my bad, it's my first time doing this and I didn't know about awards.
It definitely earned that badge. Enjoy 😂 and thanks again!
Report
💡 Bright idea
I think BirdBanner has allot of potential. Below are some of the things I would change, but just my opinion and prob. not necessary at the end of the day.
1. Move the font selection input field under the background color field.
(I feel setting the font first feels more natural to do before putting in headings etc.)
2. I would not blur the profile pic as it forms part of the banner.
3. Lastly, mobile view of the banner. The text gets caught up in the phones notch / camera area. Maybe it could move down a bit, but I do realize that not all phones are designed the same so could be tricky to deal with.
But otherwise very cool, I feel like this product is about speed. A quick and descent update to your banner without having to fiddle in a fancy design tool is a huge time saver.
@codechap Thanks, Derrick! Great points.
1. I like your idea. Originally I thought people knew what they wanted to type and so had the text input first but thinking about it now I can see they may just want to experiment first with different fonts. I've pushed up an update which goes with your suggestion.
2. Sadly this is an API restriction from Twitter 😢 this will be fixed as soon as I can get onto their paid plans
3. So the text can be dragged around and placed where you like, does this help? Or are you suggesting the default text position should be lower?
Report
@starwardshar cool cool, Point 3, I did not realise you can drag it. Ok that solves that one then.
Report
Hey Sarwech, this is super sleek! What can be even better is to have the dimensions for other platforms like LinkedIn :)
@leolu Thanks, Leo! I decided to focus on Twitter as the indie hacker community is strongest on there and it's the tool I know best :) But there are cool products being built by fellow founders like EasyBranding by @thejorgemedina that do the sort of thing you suggest.
BTW I used to be a BA and saw Brewit - that's a great idea with a clean UI too!
Report
I actually spent over an hour trying to create a decent twitter banner in Figma and failed miserably – hadn't considered that it looks different on Mobile and Desktop so had to do multiple attempts before I gave up. Absolutely love the idea of Birdbanner to help out with this focused and surprisingly frustrating problem 👏
@eliasstravik Haha I've been there, Elias! Appreciate your kind words and support as always 😊
Report
Loved it @starwardshar! I really love this simple product launch because it's also super useful and beautiful the outcome. Glad to see something like this!
Congrats on the launch Sarwech, it's really smooth! I love that you get straight to the product itself and can start customizing it immediately! Well done 🙌
@toomasb Thanks so much, Thomas!
Yep my aim with this product was to make it as quick as possible to build a banner.
No sign up or landing page here haha.
Birdbanner
Siestapp
Birdbanner
Birdbanner
Birdbanner
Birdbanner
Birdbanner
Birdbanner
Do All The Things!
Birdbanner
Features.Vote
Birdbanner