Codepng
p/codepng
Create awesome pictures from your source code.
Henri Parviainen

Codepng — Create awesome pictures from your source code.

Featured
25
•
Codepng allows you to create awesome snapshots from your source code that you can share on social media. Choose between beautiful hand-selected background gradients and editor themes before exporting your code to PNG images.
Replies
Best
Guillaume Hain
Really beautiful ! Do you have a public repository for this beauty ? I'd like to see Ruby syntax highlighting.
Henri Parviainen
@zedtux Thank you. Appreciate the support! Currently the repo is private but I will most likely make it public in the future. I'll add syntax highlighting for Ruby next week.
Artur Carvalho
@henri_parviainen hi, looks good! What's the biggest difference between your product and carbon.now.sh?
Henri Parviainen
@artur_carvalho1 Thank you! 🙏 They both provide solutions for the same problem but Codepng is more focused on quick and pretty hand-selected color combinations that already look good together while Carbon offers more customizability.
Minh-Phuc Bui
It's nice to have a light theme for editor, and an option for no background color. But it looks good anyway.
Henri Parviainen
@phucbm Thank you. I will look into that.
Nikki Shum
What are the limitations of the types of pictures you can create? Can you create UI/UX??
Henri Parviainen
@nikkishum Hey Nikki. It's basically a WYSIWYG editor so you only get a PNG image of whatever you have put on the editor. So, unfortunately, it's not possible to create UI/UX with it.
Hugo Ventura
I can really see myself using it, very good job! Do you have any update planned for the future ?
Henri Parviainen
@hugovntr Thanks, Hugo! Yes, I have some minor feature updates planned like the option to hide line numbers and the title bar icons. I'll also add some more supported languages like php, c#, and ruby.
Hugo Ventura
@henri_parviainen Great! One thing you could eventually do, although I have no idea how long it can take, is a direct integration with an IDE. Having the ability to select text from the IDE and then run a command/script to automatically generate the image with the proper language would be an awesome feature. But again, I have no idea if it's worth the trouble to make something like this as you just launched it. Maybe something to keep in mind when the project will be bigger (as I'm sure it will)
Henri Parviainen
@michael_andreuzza Thanks man! 🙏
dadomo
Very nice, but don't work with longer Code e.g. one Page?!
Henri Parviainen
@anke_zabe Hey, you can create as long snippets as you like. There is no limit for the amount of lines of code. Only the width of the editor cannot be adjusted from the UI. However, you can change the width by changing the width of your browser window.
Ethan Glover
"Looking forward to hearing some feedback" This is just prettify and a screenshot.
Henri Parviainen
@ethan_glover Thanks for the feedback!
Henri Parviainen
Looking forward to hearing some feedback!
Devdeep Ghosh
This looks pretty. Good work