Use CodeSnappy for good looking code snippet images

by Jeffrey van Rossum

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.

Introducing CodeSnappy

Example snippet 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!

Did you like this post?

If you sign up for my newsletter, I can keep you up to date on more posts like this when they are published.