JavaScript syntax-highlighting

Open-source JavaScript projects categorized as syntax-highlighting
Edit details
Topics: #JavaScript #Syntax #Highlight #Markdown #VSCode
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com
Sponsored

Top 22 JavaScript syntax-highlighting Projects

  • Highlight.js

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

    Project mention: Discord, what the HELL did you do to markdown formatting in code blocks?? | reddit.com/r/discordapp | 2023-01-07

    They updated the version of highlight.js they use, and I believe changed which theme was used too. Also, relevant xkcd.

  • 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 https://github.com/breakdance/breakdance for HTML-to-markdown conversion. Use https://github.com/jonschlinkert/markdown-toc to generate a table of contents.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • markdown-plus-plus

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

  • nord-visual-studio-code

    An arctic, north-bluish clean and elegant Visual Studio Code theme.

    Project mention: KDE/Plasma Nordish | reddit.com/r/linux | 2022-09-04

    VS Code - Nord

  • vscode-styled-components

    Syntax highlighting for styled-components

    Project mention: Is this a known bug with VSCode? Autocomplete puts the cursor in the incorrect spot. | reddit.com/r/vscode | 2022-04-16

    It looks like you’re using the Styled Components extension? Make sure you’re on the latest, this was fixed a while back https://github.com/styled-components/vscode-styled-components/issues/360 Also make sure you’re using this one https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

  • code-blocks

    Syntax highlighting for Google Docs

    Project mention: Compose with Markdown in Google Docs on Web | news.ycombinator.com | 2022-03-29

  • refractor

    Lightweight, robust, elegant virtual syntax highlighting using Prism

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • lowlight

    Virtual syntax highlighting for virtual DOMs and non-HTML things

  • gatsby-remark-vscode

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

    Project mention: Gatsby 5, + MDX : code displaying | reddit.com/r/gatsbyjs | 2022-12-28

    On Gatsby 4 I used gatsby-remark-vscode with this correction Gatsby 4: Type with name "GRVSCCodeSpan" does not exists #174, but it stopped working on G5, it fails even in adding a class names to tags.

  • babel-plugin-prismjs

    A babel plugin to use PrismJS with standard bundlers.

    Project mention: How to add a babel plugin config to the webpack.config.js? | reddit.com/r/learnjavascript | 2022-05-20

    And here's the babel plugin I would like to add in my project which recommend to register in the babelrc file.

  • rehype-highlight

    plugin to highlight code blocks

  • theme-bluloco-light

    A fancy but yet sophisticated light designer color scheme.

    Project mention: bluloco.nvim — A fancy but yet sophisticated color scheme | reddit.com/r/neovim | 2023-01-18

    This is a port of the popular Visual Studio Code Themes Bluloco Light and Bluloco Dark, enhanced for usage with neovim and plugin ecosystem.

  • tree-sitter-sql

    SQL syntax highlighting for tree-sitter

    Project mention: Building tree-sitter languages for Emacs | reddit.com/r/emacs | 2022-12-30

  • sugar-high

    ✏️ Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped

  • markcat

    :eyeglasses: Markdown files terminal viewer.

    Project mention: Glow: Render Markdown on the CLI | news.ycombinator.com | 2022-12-09

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

  • anki-code-highlighter

    Anki plugin for code syntax highlighting.

    Project mention: syntax highlighting for code - not working as expected | reddit.com/r/Anki | 2022-10-02

  • render-gfm

    Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes.

    Project mention: Render Markdown files (GitHub Flavoured) Quickly, Including GitHub Themes | reddit.com/r/javascript | 2022-06-01

  • adblock-filter-analyzer

    AdBlock Filter Syntax code highlighter and partial validator. Colorizes and explains the syntax. Good for learning.

    Project mention: Frontend library for syntax highlighting / validation of uBlock rules | reddit.com/r/uBlockOrigin | 2022-08-14

    I found a library once but it doesn't seem to use a free license (i.e. Apache, GPL, MIT).

  • highlightjs-raku

    Highlight.js grammar definition for Raku (Perl 6)

    Project mention: Highlight.js grammar definition for Raku | reddit.com/r/rakulang | 2022-07-25

  • sveltekit-shiki-code-highlighting

    SvelteKit Shiki syntax highlighting: use any VSCode colour theme to accessibly syntax highlight code on your SvelteKit app with line numbers.

    Project mention: SvelteKit Shiki Syntax Highlighting: Markdown Codeblocks | dev.to | 2022-05-02

    You can see the full SvelteKit code for this project on the Rodney Lab Git Hub repo. If you run into any issues, you can drop a comment below as well as reach out for a chat on Element. Also Twitter @mention if you have suggestions for improvements or questions.

  • htmleditor

    An Online HTML Editor

    Project mention: Create Your Own Live Web Editor using HTML, CSS, and JavaScript | dev.to | 2022-08-31

    Added auto tag closing feature for HTML.(I have already added this feature in my code editor check it out here)

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-01-18.

JavaScript syntax-highlighting related posts

Index

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

Project Stars
1 Highlight.js 20,965
2 remarkable 5,465
3 markdown-plus-plus 1,428
4 nord-visual-studio-code 984
5 vscode-styled-components 867
6 code-blocks 613
7 refractor 536
8 lowlight 500
9 gatsby-remark-vscode 294
10 babel-plugin-prismjs 153
11 rehype-highlight 138
12 theme-bluloco-light 77
13 tree-sitter-sql 76
14 sugar-high 68
15 markcat 38
16 json-formatter 30
17 anki-code-highlighter 23
18 render-gfm 12
19 adblock-filter-analyzer 10
20 highlightjs-raku 6
21 sveltekit-shiki-code-highlighting 6
22 htmleditor 2

Sponsored
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com