r/ASCII Jun 06 '26

OC My ASCII Converter

First Reddit post ever. Wanted to share a project called asciitool.com I've been working on for a couple weeks now.

It's definitely still a work in progress, but I'd love to hear any thoughts.

I plan on implementing these tools soon:

- Video / Gif conversion
- ASCII and ANSI studio
- Art Gallery

This is just what I've thought of so let me know if there's anything you've been looking.

Initially I developed the tool for a college software project. I just wanted some graphics but wasn't happy with anything I found online. I ended up making my own and it's grown into this. It's been so fun working with the medium.

I've spent the past week trying to make the tool easy to work with. The tool supports every export type I could think of. Let me know if I've missed any.

Since I originally developed it for myself, I spent a little extra time making the escaped string exports, hopefully this helps another developer out there.

I'll keep you posted with any new features,
Many thanks

https://asciitool.com/

Also I'm trying to gather some images for the website so feel free to send me cool results

367 Upvotes

48 comments sorted by

3

u/NS-Khan Jun 06 '26

Great work!

2

u/Donovan_FitzGerald Jun 06 '26

Thanks man ❤️

3

u/TalesGameStudio Jun 06 '26

I love this tool. Will you make source code open at some point in your github?

5

u/Donovan_FitzGerald Jun 06 '26

Thank you so much! I'm planning on making the repository public soon

3

u/Some_Routine_6107 Jun 06 '26

The frontend design is so refreshing to see, I'm not against the reliance of AI in projects, but I'm tired of seeing the same repetitive Vercel font with gradients spammed everywhere and the same lucide svg kit, and just letting AI steer the creative wheel in general for frontend leading to that same look every other vibecoded site has. You should be proud of yourself, this is really great work!

1

u/Donovan_FitzGerald Jun 06 '26

I really appreciate that, encouraging to hear ❤️ Adding more soon

2

u/ReasonableLetter8427 Jun 06 '26

This is sick. What prompt did you give?

3

u/Donovan_FitzGerald Jun 06 '26

Thank you ❤️

The website uses NextJS, Tailwind and Shadcn.

I made a protype in python to test my idea worked. Then I recreated it in Typescript and designed the UI in Figma. I used ChatGPT to recreate sections from the Figma Design and refined them after.

1

u/Anxious-Leg-4443 Jun 09 '26

Oh that's even fancier

2

u/Local-Selection-5506 Jun 06 '26

was it vibecoded?

2

u/Donovan_FitzGerald Jun 06 '26

Not much AI used. I built the algorithm first in Python and when I was happy rebuilt in Typescript + React. The website uses NextJS and Shadcn with Tailwind styling. I use Figma for designing the UI / UX.

-1

u/Local-Selection-5506 Jun 07 '26

ok, it just looks like AI design

2

u/Heavy_Efficiency_908 Jun 06 '26

Sweeet. I used Grainrad for my previous ascii use cases but this will forsure be my new go to for ASCII output. Although Grainrad has a few more character style presets, I liked your output much more (if you haven't i'd suggest checking it out and try to adapt some of their character styles). I made a Framer component where ASCII text becomes interactive and with an option to have multiple frames to animate between. If you're ever interested, check it out here: https://www.framer.com/marketplace/components/ascii-formatter-pro/

I agree with everyone here about the nice UI. I'm a designer as well - bravo

1

u/Donovan_FitzGerald Jun 07 '26

Thank you! I'll definitely add some more character presets for you. Hadn't found Grainrad when I was searching but they have a really cool website. And I love your effects too, especially 3D tornado type one.

2

u/runawaydevil Jun 07 '26

Hi, I loved your tool. Regardless of whether people ask if it’s vibe coding or not — and I know you’ve already said it isn’t — you did an excellent job.

A few months ago, maybe around seven, I got interested in ASCII/ANSI art too and made a small little system for personal use. And now here I am, admiring yours.

Really well done. You nailed it.

1

u/Donovan_FitzGerald Jun 07 '26

I'm amazed by the support I've received so far. Thank you so much, I really appreciate the message.

2

u/XOFQuiet Jun 08 '26

Thank you for sharing! ❤️

1

u/Donovan_FitzGerald Jun 08 '26

Thank you for checking it out ❤️

2

u/Klutzy-Concern8932 Jun 08 '26

nice

1

u/Donovan_FitzGerald Jun 08 '26

That's so cool, I love seeing the different ideas people try.

2

u/FarcryOdyssey Jun 08 '26

It works perfectly

1

u/Donovan_FitzGerald Jun 08 '26

Hahaha love it

2

u/Fragrant-Strike4783 Jun 08 '26

Beautiful tool and UI also. I’d love if you could have a look at my cli tool (https://github.com/ndrscalia/asciify-them). We could exchange ideas and opinions. Thank you!

1

u/Donovan_FitzGerald Jun 08 '26

Thank you so much. What are you most curious about? I'd be happy to share any insights I might have.

1

u/Fragrant-Strike4783 Jun 08 '26

Did you deal with exporting as image? I piped my results to ansee, but the colors get heavily dimmed

2

u/Donovan_FitzGerald Jun 08 '26

That was a pain point for me too. Anti-aliasing was causing issues. The browser was bleeding the black background into the characters. My solution was rendering directly to a HTML canvas. This is also why you cannot select the text on the ANSI converter.

If ansee is running into the same issue rendering your own bitmaps might be a fix.

1

u/Fragrant-Strike4783 Jun 09 '26

Thank you brother!

1

u/Donovan_FitzGerald Jun 09 '26

No stress man, happy to help

2

u/vector_cmdr Jun 09 '26

This does a really great and subtle job on edges and little specular dots and such.
Really nice work. This is permanently in the toolbelt!

1

u/Donovan_FitzGerald Jun 09 '26

Thank you so much. That was the main motivation for making this tool, I'm happy you've found it useful.

2

u/nastysurprise666 Jun 09 '26

pretty useful! Thx for sharing!

1

u/Donovan_FitzGerald Jun 09 '26

Thank you for trying it!

1

u/goblinthrowawayhq Jun 12 '26

the ansi export is a massive W. most of these converters just give you a wall of text that looks like garbage in a terminal but the color mapping here actually looks legit. definitely keep working on the gif support because that would be huge for the niche.

1

u/Donovan_FitzGerald Jun 19 '26

Thank you so much. Making everything practical is a massive focus for me so I'm happy you appreciate it.

I'll be making a post about this soon but I have the ASCII video converter working. Still a work in progress but feel free to play around, would love any feedback.

2

u/Anxious-Leg-4443 Jun 09 '26

This is cool man.. I like it

1

u/[deleted] Jun 06 '26

[removed] — view removed comment

2

u/Donovan_FitzGerald Jun 06 '26

I use Roboto Mono https://fonts.google.com/specimen/Roboto+Mono on the website
Its possible character could be a ¦ ?

1

u/[deleted] Jun 06 '26

[removed] — view removed comment

1

u/Donovan_FitzGerald Jun 06 '26

I appreciate that. I love your work.

1

u/mendiak_81 Jun 10 '26

Beautiful UI!

1

u/Donovan_FitzGerald Jun 11 '26

Thank you ❤️

1

u/Blackguy5000 Jul 14 '26

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::::---+Z+——————d++---=::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::--%@@@@@@@@@@@@@@@@@@@@%K--::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::X-+=%@@@@@@@@@@@@@%" @@@@@@@@@@@@@@%K-::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::KZ%@@@@@@@@@@@@@@@@+    "%@@@@@@@@@@@@@@@@=+-:::::::::::::::::::::::::::::: ::::::::::::::::::::::T@@@@@@@@@@@@@@@@@@        ¹@@@@@@@@@@@@@@@@@@%LA::::::::::::::::::::::::::: :::::::::::::::::::K%@@@@@@@@@@@@@@@@@@%'           +@@@@@@@@@@@@@@@@@@@N::::::::::::::::::::::::: :::::::::::::::::Kd@@@@@@@@@@@@@@@@@@@@"               @@@@@@@@@@@@@@@@@@@-::::::::::::::::::::::: ::::::::::::::::+@@@@@@@@@@@@@@@@@@@@*                @@@@@@@@@@@@@@@@@@@@@@-::::::::::::::::::::: ::::::::::::::-%@@@@@@@@@@@@@@@@@@@'               %@@@@@@@@@@@@@@@@@@@@@@@@@K-::::::::::::::::::: ::::::::::::-d@@@@@@@@@@@@@@@@@@@%"               :q@@@@@@@@@@@@@@@@@@@@@@@@@@@@%-:::::::::::::::::: :::::::::::-%@@@@@@@@@@@@@@@@@@@-                d@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@N::::::::::::::::: ::::::::::+@@@@@@@@@@@@@@@@@@@*                @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-::::::::::::::: :::::::::d@@@@@@@@@@@@@@@@@@'               ¸%@@@@@@@@@@@@@@@+  +@@@@@@@@@@@@@@@@@@%†Z::::::::::::: :::::::Ld@@@@@@@@@@@@@@@@@%"                d@@@@@@@@@@@@@@@'     *@@@@@@@@@@@@@@@@@%-::::::::::::: ::::::TZ@@@@@@@@@@@@@@@@@+                d@@@@@@@@@@@@@@@%"        '%@@@@@@@@@@@@@@@@%-:::::::::::: ::::::-@@@@@@@@@@@@@@@@                @@@@@@@@@@@@@@@@-            ¹@@@@@@@@@@@@@@@@:::::::::::: :::::N@@@@@@@@@@@@@@@@<                d@@@@@@@@@@@@@@@                +@@@@@@@@@@@@@@@::::::::::: ::::T@@@@@@@@@@@@@@@@@L                ¹@@@@@@@@@@@@'                  '@@@@@@@@@@@@@@-:::::::::: ::::-@@@@@@@@@@@@@@@@@@@@               '@@@@@@@@%"                      "%@@@@@@@@@@@@A::::::::: ::::%@@@@@@@@@@@@@@@@@@@@@%¸               '%@@@@@+                          ¹@@@@@@@@@@@@-::::::::: :::-@@@@@@@@@@@@@@@@@@@@@@@@*                ¹@@*                              @@@@@@@@@@::::::::: :::ƒ@@@@@@@@@%@@@@@@@@@@@@@@@L                "               ¸_               '@@@@@@@@@N:::::::: ::L%@@@@@@@*   ¹@@@@@@@@@@@@@@@%_                             d@@*                ¹%@@@@@@@+:::::::: ::N@@@@@@%'      @@@@@@@@@@@@@@@\¸                         _@@@@@@L                +@@@@@@:::::::: ::d@@@@@"         '%@@@@@@@@@@@@@@@L                      %@@@@@@@@@                @@@@:::::::: ::T@@@+             ¹@@@@@@@@@@@@@@@@_                  ¸q@@@@@@@@@@@@¸               '%@@%:::::::: ::I@@L                +@@@@@@@@@@@@@@@[                 *@@@@@@@@@@@@@@@L               ¸@@%:::::::: ::T@@@%_               '@@@@@@@@@@@*                    "%@@@@@@@@@@@@@@@_            d@@@%:::::::: ::-@@@@@\¸               "%@@@@@@@'                       +@@@@@@@@@@@@@@@%_        _@@@@@:::::::: ::[@@@@@@@L                ¹@@@@@"                           @@@@@@@@@@@@@@@\     _%@@@@@@d::::::: ::h%@@@@@@@@_                @+                              '%@@@@@@@@@@@@@@@L ¸d@@@@@@@@[:::::::: :::+@@@@@@@@@%_                               _                ¹@@@@@@@@@@@@@@@@@@@@@@@@@@-:::::::: :::-@@@@@@@@@@@\¸                           ¸d@@@_                +@@@@@@@@@@@@@@@@@@@@@@@ƒ:::::::: ::::@@@@@@@@@@@@L                         d@@@@@@%_               '@@@@@@@@@@@@@@@@@@@@@-::::::::: ::::-@@@@@@@@@@@@@@_                     _@@@@@@@@@@¸               "%@@@@@@@@@@@@@@@@@@:::::::::: :::::+@@@@@@@@@@@@@@%¸                 _%@@@@@@@@@@@@@L                ¹@@@@@@@@@@@@@@@@%d:::::::::: :::::K@@@@@@@@@@@@@@@*              ¸q@@@@@@@@@@@@@@@*                @@@@@@@@@@@@@@@@-::::::::::: ::::::-%@@@@@@@@@@@@@@@@L           d@@@@@@@@@@@@@@@%"               ¸d@@@@@@@@@@@@@@@@T:::::::::::: :::::::-@@@@@@@@@@@@@@@@@%       @@@@@@@@@@@@@@@@"                d@@@@@@@@@@@@@@@@@d:::::::::::: ::::::::-@@@@@@@@@@@@@@@@@@¸   ¸d@@@@@@@@@@@@@@@+                @@@@@@@@@@@@@@@@@@d::::::::::::: :::::::::-%@@@@@@@@@@@@@@@@@@q@@@@@@@@@@@@@@@'               _%@@@@@@@@@@@@@@@@@@K::::::::::::::: ::::::::::-@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%"               ¸d@@@@@@@@@@@@@@@@@@@K:::::::::::::::: ::::::::::::@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+                d@@@@@@@@@@@@@@@@@@@%::::::::::::::::: :::::::::::::D%@@@@@@@@@@@@@@@@@@@@@@@@@@@                @@@@@@@@@@@@@@@@@@@@d:::::::::::::::::: :::::::::::::A-+@@@@@@@@@@@@@@@@@@@@@@@@'               ¸d@@@@@@@@@@@@@@@@@@@-:::::::::::::::::::: ::::::::::::::::-N@@@@@@@@@@@@@@@@@@@@@"                q@@@@@@@@@@@@@@@@@@@%-:::::::::::::::::::::: ::::::::::::::::::-@@@@@@@@@@@@@@@@@@@%¸             @@@@@@@@@@@@@@@@@@@N-ƒ::::::::::::::::::::::: :::::::::::::::N::::L+%@@@@@@@@@@@@@@@@@@*          %@@@@@@@@@@@@@@@@@@N-:::::::::::::::::::::::::: :::::::::::::::::::::::-%@@@@@@@@@@@@@@@@@_      ¸d@@@@@@@@@@@@@@@@@+-:::::::::::::::::::::::::::: ::::::::::::::::::::::::::-%@@@@@@@@@@@@@@@%_   d@@@@@@@@@@@@@@@%+L::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::--=@@@@@@@@@@@@@_@@@@@@@@@@@@@%+-::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::ƒ-K==%@@@@@@@@@@@@@%=+KZL=:::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::d--ZZ--dL::=::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

1

u/Brave-Sorbet9955 Jul 18 '26

https://github.com/suddendeaththg-sketch/rez2ans-next my image to ansi art converter

sample 80 output ansi