Hi everyone,

I’m interested in learning what features people find most useful in simple online text and image generators.

For a Brat Generator, I think features such as custom text, font styling, background options, image download, and a simple user interface can make the tool more useful and enjoyable.

I’m currently working on my own project and would love to hear your suggestions. What features would you like to see in a quick online tool for creating bold and customizable Brat-style visuals?

You can explore my project here:

Brat Generator

I’d really appreciate your feedback and ideas!

<textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none;"></textarea>

<div id="WidgetFloaterPanels" class="LTRStyle" style="display: none; text-align: left; direction: ltr; visibility: hidden;" translate="no">
<div id="WidgetFloater" style="display: none;">
<div id="WidgetLogoPanel"><span id="WidgetTranslateWithSpan">TRANSLATE with <img id="FloaterLogo" alt="" /></span> <span id="WidgetCloseButton" title="Exit Translation">x</span></div>
<div id="LanguageMenuPanel">
<div class="DDStyle_outer"><input id="LanguageMenu_svid" style="display: none;" autocomplete="on" name="LanguageMenu_svid" type="text" value="en" /> <input id="LanguageMenu_textid" style="display: none;" autocomplete="on" name="LanguageMenu_textid" type="text" /> <span id="__LanguageMenu_header" class="DDStyle" tabindex="0">English</span>
<div style="position: relative; text-align: left; left: 0;">
<div style="position: absolute; ;left: 0px;">
<div id="__LanguageMenu_popup" class="DDStyle" style="display: none;">
<table id="LanguageMenu" border="0">
<tbody>
<tr>
<td>Arabic</td>
<td>Hebrew</td>
<td>Polish</td>
</tr>
<tr>
<td>Bulgarian</td>
<td>Hindi</td>
<td>Portuguese</td>
</tr>
<tr>
<td>Catalan</td>
<td>Hmong Daw</td>
<td>Romanian</td>
</tr>
<tr>
<td>Chinese Simplified</td>
<td>Hungarian</td>
<td>Russian</td>
</tr>
<tr>
<td>Chinese Traditional</td>
<td>Indonesian</td>
<td>Slovak</td>
</tr>
<tr>
<td>Czech</td>
<td>Italian</td>
<td>Slovenian</td>
</tr>
<tr>
<td>Danish</td>
<td>Japanese</td>
<td>Spanish</td>
</tr>
<tr>
<td>Dutch</td>
<td>Klingon</td>
<td>Swedish</td>
</tr>
<tr>
<td>English</td>
<td>Korean</td>
<td>Thai</td>
</tr>
<tr>
<td>Estonian</td>
<td>Latvian</td>
<td>Turkish</td>
</tr>
<tr>
<td>Finnish</td>
<td>Lithuanian</td>
<td>Ukrainian</td>
</tr>
<tr>
<td>French</td>
<td>Malay</td>
<td>Urdu</td>
</tr>
<tr>
<td>German</td>
<td>Maltese</td>
<td>Vietnamese</td>
</tr>
<tr>
<td>Greek</td>
<td>Norwegian</td>
<td>Welsh</td>
</tr>
<tr>
<td>Haitian Creole</td>
<td>Persian</td>
<td> </td>
</tr>
</tbody>
</table>
<img style="height: 7px; width: 17px; border-width: 0px; left: 20px;" alt="" /></div>
</div>
</div>
</div>
<script type="text/javascript">// <![CDATA[
var LanguageMenu; var LanguageMenu_keys=["ar","bg","ca","zh-CHS","zh-CHT","cs","da","nl","en","et","fi","fr","de","el","ht","he","hi","mww","hu","id","it","ja","tlh","ko","lv","lt","ms","mt","no","fa","pl","pt","ro","ru","sk","sl","es","sv","th","tr","uk","ur","vi","cy"]; var LanguageMenu_values=["Arabic","Bulgarian","Catalan","Chinese Simplified","Chinese Traditional","Czech","Danish","Dutch","English","Estonian","Finnish","French","German","Greek","Haitian Creole","Hebrew","Hindi","Hmong Daw","Hungarian","Indonesian","Italian","Japanese","Klingon","Korean","Latvian","Lithuanian","Malay","Maltese","Norwegian","Persian","Polish","Portuguese","Romanian","Russian","Slovak","Slovenian","Spanish","Swedish","Thai","Turkish","Ukrainian","Urdu","Vietnamese","Welsh"]; var LanguageMenu_callback=function(){ }; var LanguageMenu_popupid='__LanguageMenu_popup';
// ]]></script>
</div>
<div id="CTFLinksPanel"><span id="ExternalLinksPanel"> <img id="HelpImg" alt="" /> <a id="EmbedLink" title="Get this widget for your own site"></a> <img id="EmbedImg" alt="" /> <a id="ShareLink" title="Share translated page with friends"></a> <img id="ShareImg" alt="" /> </span></div>
<div id="FloaterProgressBar"> </div>
</div>
<div id="WidgetFloaterCollapsed" style="display: none;">TRANSLATE with <img id="CollapsedLogoImg" alt="" /></div>
<div id="FloaterSharePanel" style="display: none;">
<div id="ShareTextDiv"><span id="ShareTextSpan"> COPY THE URL BELOW </span></div>
<div id="ShareTextboxDiv"><input id="ShareTextbox" name="ShareTextbox" readonly="readonly" type="text" /> <!--a id="TwitterLink" title="Share on Twitter"> <img id="TwitterImg" /></a> <a-- id="FacebookLink" title="Share on Facebook"> <img id="FacebookImg" /></a--> <a id="EmailLink" title="Email this translation"></a> <img id="EmailImg" alt="" /></div>
<div id="ShareFooter"><span id="ShareHelpSpan"><a id="ShareHelpLink"></a> <img id="ShareHelpImg" alt="" /></span> <span id="ShareBackSpan"><a id="ShareBack" title="Back To Translation"></a> Back</span></div>
<input id="EmailSubject" name="EmailSubject" type="hidden" value="Check out this page in {0} translated from {1}" /> <input id="EmailBody" name="EmailBody" type="hidden" value="Translated: {0}%0d%0aOriginal: {1}%0d%0a%0d%0aAutomatic translation powered by Microsoft&reg; Translator%0d%0ahttp://www.bing.com/translator?ref=MSTWidget" /> <input id="ShareHelpText" type="hidden" value="This link allows visitors to launch this page and automatically translate it to {0}." /></div>
<div id="FloaterEmbed" style="display: none;">
<div id="EmbedTextDiv"><span id="EmbedTextSpan">EMBED THE SNIPPET BELOW IN YOUR SITE</span> <a id="EmbedHelpLink" title="Copy this code and place it into your HTML."></a> <img id="EmbedHelpImg" alt="" /></div>
<div id="EmbedTextboxDiv"><input id="EmbedSnippetTextBox" name="EmbedSnippetTextBox" readonly="readonly" type="text" value="<div id='MicrosoftTranslatorWidget' class='Dark' style='color:white;background-color:#555555'></div><script type='text/javascript'>setTimeout(function(){var s=document.createElement('script');s.type='text/javascript';s.charset='UTF-8';s.src=((location && location.href && location.href.indexOf('https') == 0)?'https://ssl.microsofttranslator.com':'http://www.microsofttranslator.com')+'/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=true&ui=true&settings=manual&from=en';var p=document.getElementsByTagName('head')[0]||document.documentElement;p.insertBefore(s,p.firstChild); },0);</script>" /></div>
<div id="EmbedNoticeDiv"><span id="EmbedNoticeSpan">Enable collaborative features and customize widget: Bing Webmaster Portal</span></div>
<div id="EmbedFooterDiv"><span id="EmbedBackSpan"><a title="Back To Translation">Back</a></span></div>
</div>
<script type="text/javascript">// <![CDATA[
var intervalId = setInterval(function () { if (MtPopUpList) { LanguageMenu = new MtPopUpList(); var langMenu = document.getElementById(LanguageMenu_popupid); var origLangDiv = document.createElement("div"); origLangDiv.id = "OriginalLanguageDiv"; origLangDiv.innerHTML = "<span id='OriginalTextSpan'>ORIGINAL: </span><span id='OriginalLanguageSpan'></span>"; langMenu.appendChild(origLangDiv); LanguageMenu.Init('LanguageMenu', LanguageMenu_keys, LanguageMenu_values, LanguageMenu_callback, LanguageMenu_popupid); window["LanguageMenu"] = LanguageMenu; clearInterval(intervalId); } }, 1);
// ]]></script>
</div>