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

 29.5k
highlight.js
Javascript syntax highlighter

highlightjs/highlight.js

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

 19.5k

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

 9.8k
Pine
Polaroid for your code

octref/polacode

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.

 6.5k

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

 6.2k

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

 3.2k

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

 2.2k
styled-components
Syntax highlighting for styled-components

styled-components/vscode-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

 794

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,

 424
Yauheni Pakala
Line numbering plugin for Highlight.js

wcoder/highlightjs-line-numbers.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

 382

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-

 322

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

 245

? 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

 216

hanabi How does it look like? Hmmm: Install yarn add hanabi CDN: https://unpkg.com/hanabi/dist/ Usage const hanabi = require('hanabi') hanabi(code) Demo: hhttps://hanabi.egoist.rocks/

 168

VSCode extension to highlight nested code blocks

 137

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

 132

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

 132

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) ✅

 113

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

 59

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

 53
James Halliday
highlight source code syntax with html

substack/highlight-syntax

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

 45

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

 37
James Halliday
highlight javascript syntax with html

substack/highlight-javascript-syntax

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

 34
James Halliday
highlight bash syntax with html

substack/highlight-bash-syntax

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

 27

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

 19

golang's present tool but with code syntax highlighting

 19

The word highlighter library for Vue 2 and Vue 3

 18

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

 14

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

 14

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

 10

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

 7

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

 5

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

 4