discover · compare · collections · requirements · contribute · feed · watching · stats · help with your tokens

octref/polacode · source

Snapshot 0 · 2026-11-04T12:47:25Z · JavaScript ·

GitHub description at capture

📸 Polaroid for your code

README at capture

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

<!-- ![usage](https://github.com/octref/polacode/raw/master/demo/usage.gif) -->
![usage](./demo/usage.gif)

## Why?

You have spent countless hours finding the perfect [JavaScript grammar](https://marketplace.visualstudio.com/search?term=javascript%20grammar&target=VSCode&category=All%20categories&sortBy=Relevance), matching it with a [sleek-looking VS Code theme](https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Downloads), trying out all the [best programming fonts](https://www.slant.co/topics/67/~best-programming-fonts).

You take three days porting over [your theme](https://github.com/wesbos/cobalt2-vscode) before starting to use VS Code.  
You shell out $200 for [italic cursive html attributes](https://www.typography.com/blog/introducing-operator).

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](https://github.com/arcticicestudio/nord-visual-studio-code) + [Input Mono](http://input.fontbureau.com)

![demo1](https://raw.githubusercontent.com/octref/polacode/master/demo/1.png)

[Monokai Pro](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode) + [Operator Mono](https://www.typography.com/blog/introducing-operator)

![demo2](https://raw.githubusercontent.com/octref/polacode/master/demo/2.png)

[Material Theme Palenight](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme) + [Fira Code](https://github.com/tonsky/FiraCode)

![demo3](https://raw.githubusercontent.com/octref/polacode/master/demo/3.png)

## Credit

Thanks to [@tsayen](https://github.com/tsayen) for making [dom-to-image](https://github.com/tsayen/dom-to-image), which Polacode is using for generating the images.

Thanks to [Dawn Labs](https://dawnlabs.io) for making [Carbon](https://carbon.now.sh) that inspired Polacode.

Many color are taken from the elegant [Nord](https://github.com/arcticicestudio/nord) theme by [@arcticicestudio](https://github.com/arcticicestudio).

Download button animation is made with [Vivus](https://github.com/maxwellito/vivus).

## Contribution

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

## License

MIT