Polacode | Diego Fernandes

fala-dev

ESLintIntegrates ESLint JavaScript into VS Code.

GitLens — Git superchargedSupercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Material Icon ThemeMaterial Design Icons for Visual Studio Code

Remote - SSHOpen any folder on a remote machine using SSH and take advantage of VS Code's full feature set.

remote-ssh-edit

Remote - SSH: Editing Configuration FilesEdit SSH configuration files

Live ShareReal-time collaborative development from the comfort of your favorite tools.

remote-explorer

Remote ExplorerView remote machines for SSH and Tunnels.

code-spell-checker

Code Spell CheckerSpelling checker for source code

Street Side Software

vscode-tailwindcss

Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code

DotENVSupport for dotenv file syntax

vscode-todo-highlight

TODO Highlighthighlight TODOs, FIXMEs, and any keywords, annotations...

SQLiteExplore and query SQLite databases.

vsliveshare-pack

Live Share Extension PackCollection of extensions that enable real-time collaborative development with VS Live Share.

PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.

shades-of-purple

Shades of Purple🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace. Part of VSCode.pro course.

Ahmad Awais ⚡

Better TOMLBetter TOML Language support

vscode-styled-components

vscode-styled-componentsSyntax highlighting for styled-components

Styled Components

Polacode📸 Polaroid for your code

Fluent IconsFluent product icons for Visual Studio Code

PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode

Console NinjaJavaScript console.log output and runtime errors right next to your code.

vscode-css-modules

CSS ModulesVisual Studio Code extension for CSS Modules

DenoA language server client for Deno.

Regex PreviewerRegex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.

Omni ThemeDark theme created by Rocketseat 🚀

MDXLanguage support for MDX

Apollo GraphQLRich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform

Catppuccin for VSCode🦌 Soothing pastel theme for VSCode

SymbolsA simple file icon theme for VS Code

Min ThemeA minimal theme that comes in dark and light.

code-spell-checker-portuguese-brazilian

Brazilian Portuguese - Code Spell CheckerBrazilian Portuguese dictionary extension for VS Code.

Street Side Software

vscode-fix-checksums

Fix VSCode ChecksumsA VSCode extension to adjust checksums after changes to core files

convert-css-in-js

CSS-in-JSCSS-in-JS autocomplete and conversion

vscode-graphql-execution

GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!)

GraphQL Foundation

FreeMarkerSyntax highlight for FreeMarker

Rosé PineAll natural pine, faux fur and a bit of soho vibes for the classy minimalist

js-debug-companion

JavaScript Debugger Companion ExtensionCompanion extension to js-debug that provides capability for remote debugging

JavaScript DebuggerAn extension for debugging Node.js programs and Chrome.

theme-launchbase

Launchbase ThemeLaunchbase theme for vscode

vscode-iterm2-theme-sync

iTerm2 Theme Sync

Table Visualizer for JavaScript ProfilesText visualizer for profiles taken from the JavaScript debugger

reTypewriterReply the steps of your changes at ease.

Polacode

v0.3.4

P & P

|

1,498,391

|

(57)

📸 Polaroid for your code

Polacode — Polaroid for your code 📸

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