https://github.com/octref/polacode

📸 Polaroid for your code
https://github.com/octref/polacode

screenshot snippets visual-studio-code vscode

Last synced: 2 days ago
JSON representation

📸 Polaroid for your code

• Host: GitHub
• URL: https://github.com/octref/polacode
• Owner: octref
• Created: 2018-02-09T23:10:07.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-08-24T11:09:12.000Z (over 2 years ago)
• Last Synced: 2025-01-02T16:07:15.280Z (9 days ago)
• Topics: screenshot, snippets, visual-studio-code, vscode
• Language: JavaScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=pnp.polacode
• Size: 25.4 MB
• Stars: 6,831
• Watchers: 27
• Forks: 183
• Open Issues: 82
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md

Awesome Lists containing this project

• my-awesome-list - polacode
• awesome-skills - Polacode
• awesome-github-star - polacode
• awesome-list - polacode
• jimsghstars - octref/polacode - 📸 Polaroid for your code (JavaScript)
• Awesome - Polacode — Polaroid for your code 📸 - Polaroid for your code (Development / Programming)
• awesome - octref/polacode - 📸 Polaroid for your code (JavaScript)
• awesome - octref/polacode - 📸 Polaroid for your code (JavaScript)
• awesome-engineering - Polacode
• awesome-engineering - Polacode
• awesome-repositories - octref/polacode - 📸 Polaroid for your code (JavaScript)

README

        


  
Polacode — Polaroid for your code 📸


![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