Use CodeSnappy for good looking code snippet images

Yesterday, I posted a Tweet that included a screenshot of a code snippet. Before I could take the screenshot I needed to toggle some settings in my code editor (VSCode), and after I thought: why not make a simple tool to make that process a little quicker, easier and even nicer looking.

Just found out that @Tinkerwellapp supports #WordPress as well ? Quick tip: if you run into any database-connection errors, try pointing 'DB_HOST' to your MySQL-socket. #tinkerwell pic.twitter.com/pfiZOS67eL

— Jeffrey van Rossum (@jeffreyrossum) March 11, 2020

Introducing CodeSnappy

CodeSnappy.io is a tiny webapplication that makes it easy to quickly create a nice looking code snippet image with syntax highlighting.

It has been built with Vue.js, Vue Prism Editor, html2canvas and TailwindCSS.

If you would like to contribute to this tool, don't hesitate and contribute on Github!