• Stars
    star
    6,811
  • Rank 5,626 (Top 0.2 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

📸 Polaroid for your code

Polacode — Polaroid for your code 📸

usage

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

demo1

Monokai Pro + Operator Mono

demo2

Material Theme Palenight + Fira Code

demo3

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

More Repositories

1

veturpack

Project based on vuepack to try Vetur.
Vue
422
star
2

vscode-electron-debug

A guide to Debugging Electron App in VSCode
JavaScript
154
star
3

ts-config-plugin

POC TS Plugin for type checking / completing `module.exports`
TypeScript
47
star
4

RootIgnore

Set wildignore from git repo root
Vim Script
37
star
5

vscode-tachyons

Goto and peek definition for tachyons
CSS
29
star
6

blog

blog.matsu.io
TypeScript
16
star
7

id

identity / monogram
TypeScript
16
star
8

coffee

pine's coffee log
CSS
15
star
9

vuetypes

Spec for Types in Vue to enhance Vue template editing experience
13
star
10

sponsors-map

thank y'all
TypeScript
10
star
11

goto-github-repo

Chrome Omnibox extension to access github repo
JavaScript
10
star
12

vti-demo

Demo for VTI
Vue
9
star
13

arvelie

JavaScript
9
star
14

vscode-mavo

Mavo extension for VS Code
HTML
9
star
15

vue-prop-type-validation

TypeScript
7
star
16

vscode-json-transform

Interactively transform JSON in VSCode.
TypeScript
7
star
17

simple-customdata

MOVED TO https://github.com/microsoft/vscode-custom-data
HTML
7
star
18

explorer-api-example

[Deprecated] Moved to https://github.com/Microsoft/vscode-extension-samples
TypeScript
4
star
19

svg-data

MOVED TO https://github.com/microsoft/vscode-custom-data
TypeScript
4
star
20

vscode-language-server-template

A cleaner template for writing VS Code language server.
TypeScript
3
star
21

lsp-inspector

MOVED to https://github.com/Microsoft/language-server-protocol-inspector
Vue
3
star
22

wsfun

WebSockets fun
TypeScript
2
star
23

vscode-language-server-e2e-test

TypeScript
2
star
24

vscode-extension-template

A cleaner template for writing VS Code extension.
TypeScript
2
star
25

one-click-hugo-cms

CSS
1
star
26

.github

1
star
27

vue-prop-type-error

JavaScript
1
star
28

p5-mediarecorder

Record p5 sketches into webm.
JavaScript
1
star
29

vscode-test-sample

MOVED to https://github.com/microsoft/vscode-test/tree/master/sample
TypeScript
1
star
30

LatticeSnake

Lattice Game
C++
1
star