Polacode

<p> <h2 align="center">Polacode — Polaroid for your code 📸</h2> </p> <!--  -->

Why?

You have spent countless hours finding the perfect JavaScript grammar, matching it with a sleek-looking VS Code theme, trying out all the best programming fonts.

You take three days porting over your theme before starting to use VS Code.
You shell out $200 for italic cursive html attributes.

The code has to look right.

Tips

• Resize the snippet / container by dragging the lowerright corner
• Use polacode.target, polacode.shadow, polacode.transparentBackground and polacode.backgroundColor to control image appearance

Demo

Nord + Input Mono

Monokai Pro + Operator Mono

Material Theme Palenight + Fira Code

Credit

Thanks to @tsayen for making dom-to-image, which Polacode is using for generating the images.

Thanks to Dawn Labs for making Carbon that inspired Polacode.

Many color are taken from the elegant Nord theme by @arcticicestudio.

Download button animation is made with Vivus.

Contribution

Contribution is not very welcome. Please open an issue first so I can stop you from complicating the UX.

License

MIT