JavaScript Code highlighting

Introduction You know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful im

Javascript syntax highlighter


Highlight.js Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework, and has automatic language dete


Prism Prism is a lightweight, robust, and elegant syntax highlighting library. It's a spin-off project from Dabblet. You can learn more on

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.


jsdiff A javascript text differencing implementation. Based on the algorithm proposed in "An O(ND) Difference Algorithm and its Variations" (Myers, 1986). Installation npm install diff --save API


Rainbow Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (~2.5kb), easy to use, and extendable.


src2png Turn your source code into beautiful syntax-highlighted images. Great for presentations. Examples React (JSX) Ruby on Rails Python C++

Syntax highlighting for styled-components


vscode-styled-components Syntax highlighting and IntelliSense for styled-components. Uses a CSS grammar built on top of language-sass and language-css. Install Inside VSCode, press Ctrl+P, and enter: ext install v


refractor Lightweight, robust, elegant virtual syntax highlighting using Prism. Useful for virtual DOMs and non-HTML things. Perfect for React, VDOM, and others. refractor is built to work with all syntaxes supported by Prism,

Yauheni Pakala
Line numbering plugin for Highlight.js


highlightjs-line-numbers.js Highlight.js line numbers plugin. DEMO | SСREENSHOTS Install Bower bower install highlightjs-line-numbers.js Npm npm install highlightjs-line-numbers.js


vue-highlightjs Vue.js syntax highlighting made easy, using highlight.js. Quickstart Installation Simply install the npm package vue-highlightjs: npm install --save vue-highlightjs Using vue-


Prettier GitHub Format code in GitHub comments with prettier Installation Set up a personal access token with the repo scope Deploy the bot or Set GITHUB_TOKEN to the personal access token gen


? An extension that can be formatted using Prettier in Chrome This extension is based on the latest version of Prettier v1.13.0 development. Thanks Prettier ? Preview Install


hanabi How does it look like? Hmmm: Install yarn add hanabi CDN: Usage const hanabi = require('hanabi') hanabi(code) Demo: h


VSCode extension to highlight nested code blocks


React Native Syntax Highlighter Syntax highlighting component for React Native using react-syntax-highlighter You can see a demo using snack by Expo Alternatively you can scan this qr code in The Expo app to access on your pho


jQuery.Syntax jQuery.Syntax is a light-weight client-side syntax highlighter, which dynamically loads external dependencies (JavaScript & CSS) when required. It uses jQuery to make it cross-browser compatible and to simplify


MDX Pretty Code A Remark plugin to make the code in your MDX docs simply beautiful. Powered by Shiki. ✅ Perfect VS Code highlighting (use any theme) ✅


Improved vim syntax highlighting for vim What it is For a very long time I was not quite happy with the syntax highlighting in vim for C code. That wa


A tool to make invoking a series of shell commands safer & better-looking.

James Halliday
highlight source code syntax with html


highlight-syntax highlight source code syntax with html Works in node and the browser. Supported languages: javascript bash c Very small: $ browserify . | uglifyjs -cm 2>/dev/null | gzip | wc -c 1776 $ browserif


prettier-markdown Prettier now includes support for prettifying Markdown (including code blocks!), so as such, I'd recommend using the official Prettier instead. See the release notes for more information A simple utility and

James Halliday
highlight javascript syntax with html


highlight-javascript-syntax highlight javascript syntax with html This module inserts <span> elements into a string of javascript syntax. example var highlight = require('highlight-javascript-syntax') var fs

James Halliday
highlight bash syntax with html


highlight-bash-syntax highlight bash syntax with html example given a shell script: #!/bin/bash echo hello > cool.txt echo 'ok <3' and a program to turn it into html: var highlight = require('highlight-b


@blokwise/dynamic Read the official docs Installation Add @blokwise/dynamic dependency to your project: yarn add @blokwise/dynamic npm install @blokwi


golang's present tool but with code syntax highlighting


The word highlighter library for Vue 2 and Vue 3


Shikijs - A JavaScript Library for Syntax Highlighting on the way with the themes you always wanted.


Caddyfile Support Adds support for Caddyfile syntax highlighting and automatic formatting. This is essentially an updated version of vscode-caddyfile-


Syntaxy JS Syntaxy is a small and flexible syntax highlighter for the web. It uses one common theme file for all syntax languages to make it easier to customize the appearance to fit your theme. It has no dependencies out of th


react-code-samples usage example: import {} from 'react-code-samples'; import 'highlight.js/styles/default.css'; // or use another highlight js style


nimdenter Do you hate Nim because it's indentation-based? No worries! This tool will allow you to write Nim code with braces and automatically fill in


classified a Lua object-orientation framework made to be easy to read and write for what? classified is a way to object-orient your Lua code. if you'v