JavaScript syntax-highlighting

Open-source JavaScript projects categorized as syntax-highlighting | Edit details

Top 12 JavaScript syntax-highlighting Projects

  • GitHub repo Highlight.js

    JavaScript syntax highlighter with language auto-detection and zero dependencies.

    Project mention: Need help in making learning material | | 2022-01-17

    Ah I see, I'm not familiar with Jupyter Notebook but perhaps that would be a better option. Doing syntax highlighting with html would be laborious, you'd need to wrap each part of code you want highlighted with a span and apply the style with css. It looks like there are frameworks to do this for you but no idea how easy they are to use:

  • GitHub repo remarkable

    Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins available. Used by Facebook, Docusaurus and many others! Use for HTML-to-markdown conversion. Use to generate a table of contents.

    Project mention: Sciter, the 5 MB Electron alternative, has switched to JavaScript | | 2021-12-30

    > we can't take some well-tested, used-by-millions library

    You can.

    Here is an example of Sciter application that uses RemarkableJS library ( as it is:

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo markdown-plus-plus

    Markdown syntax highlighting for Notepad++, by customized UDL file (user defined language)

    Project mention: Mahou Shoujo Madoka☆Magica Rewatch - Episode 2 Discussion | | 2021-04-21

    This is why I always pre-type my comments in Notepad++, which also has a markdown extension that includes some syntax highlighting for things like headers, bold, italics, lists, links, and even /u/ tags (which was surprising but probably just a result of the / at the beginning). This lets you see what's going to come out in reddit's markdown pretty nicely.

  • GitHub repo vscode-styled-components

    Syntax highlighting for styled-components

    Project mention: VSCode extensions that you need [Webdevs]🚀🔧 | | 2021-09-15

    13. Styled components

  • GitHub repo refractor

    Lightweight, robust, elegant virtual syntax highlighting using Prism

    Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | | 2021-11-20
  • GitHub repo lowlight

    Virtual syntax highlighting for virtual DOMs and non-HTML things

    Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | | 2021-11-20
  • GitHub repo gatsby-remark-vscode

    Gatsby plugin to provide VS Code’s syntax highlighting to Markdown code fences

    Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | | 2021-11-20
  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo babel-plugin-prismjs

    A babel plugin to use PrismJS with standard bundlers.

    Project mention: How to add syntax highlighting to Code Snippets on your website, app or blog | | 2021-10-13

    There are a couple of choices to bring it into your project. If you're already using a JS Bundler (e.g. esbuild or Webpack) you can setup the Babel Plugin for Prism. For our demonstration we'll do this the old, simple way, writing our HTML tags directly.

  • GitHub repo rehype-highlight

    plugin to highlight code blocks

    Project mention: My first post | | 2021-09-19

    Here is an example of a plugin to highlight code: rehype-highlight.

  • GitHub repo eleventy-classic-blog-starter

    A starter repository for a classic blog website using the Eleventy SSG

  • GitHub repo json-formatter

    A Chrome Extension to format JSON in the browser automatically. Available with both Dark and Light mode, with Auto-Linker and Syntax Highlighting. (by arnav-kr)

    Project mention: JSON Formatter - Your Lifesaver | | 2021-12-06

    I am looking for Suggestions and Feedbacks from you If you have any issues related the extension you can open an issue at the Github Repo i will try to fix it asap!

  • GitHub repo pre-highlighted

    Custom element that extends <pre> with syntax highlighting

    Project mention: Pre-highlighted – custom element that extends pre with syntax highlighting | | 2021-12-08
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-17.

JavaScript syntax-highlighting related posts


What are some of the best open-source syntax-highlighting projects in JavaScript? This list will help you:

Project Stars
1 Highlight.js 19,303
2 remarkable 5,265
3 markdown-plus-plus 1,349
4 vscode-styled-components 794
5 refractor 424
6 lowlight 392
7 gatsby-remark-vscode 284
8 babel-plugin-prismjs 132
9 rehype-highlight 70
10 eleventy-classic-blog-starter 14
11 json-formatter 10
12 pre-highlighted 1
Find remote jobs at our new job board There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
OPS - Build and Run Open Source Unikernels
Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.