Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript syntax-highlighting Projects
-
shiki — Updated, more powerful syntax highlighting.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
Project mention: Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike. | dev.to | 2024-08-07
-
-
Project mention: Ask HN: What macOS apps/programs do you use daily and recommend? | news.ycombinator.com | 2024-06-09
if i had to recommend 1 app/script that i use daily: https://github.com/banga/git-split-diffs
`karabiner elements` (https://karabiner-elements.pqrs.org/) to disable things like "Apple + Q" -> nothing worse than going to close a single tab and then your whole app quits. also able to re-map caps-lock into escape, ect
`iterm2` for terminal (colored tabs are great; albeit i disable the hell out of many of the options like "clickable urls" ect)
for cli, i try to gnu all-the-things (and i just explode my PATH to the paths `brew` installed dynamically - will try another package manager at a future date)
`sublime text`
`firefox`/`librewolf` + plugins (containers, netmon, request interceptor, dark reader, adnauseam)
-
ngx-markdown
Angular markdown component/directive/pipe/service to parse static, dynamic or remote content to HTML with syntax highlight and more...
If you looking for a markdown editor for your Angular project, this is for you. This library provides a markdown editor with features like syntax highlighting, mathematics expression support, emoji support, chart and diagram visualization. This library provides many options to customize its behavior. Also, there is a demo project available to play with this library.
-
-
My blog uses Expressive Code] to render the code blocks, and therefore the page's source code will look like this:
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
-
-
Project mention: 10 game-changing tools that level up Svelte developers in 2025 💪 | dev.to | 2024-10-20
Carta is an efficient and highly adaptable Markdown editor and viewer built for Svelte. It seamlessly integrates with SvelteKit and offers full support for Server Side Rendering (SSR), ensuring flexibility and speed. It comes with a set of essential plugins. Github repository →
-
language-tools
🌐 Prisma Language Tools = Language Server and Prisma's VS Code extension. (by prisma)
Project mention: Prisma language server update adds in-editor advertisements | news.ycombinator.com | 2024-05-16From the PR where this was discussed: https://github.com/prisma/language-tools/pull/1716
> Do [...] Respect the user's attention by only sending notifications when absolutely necessary
-
syntax-highlighter
Syntax Highlighter extension for Visual Studio Code (VSCode). Based on Tree-sitter.
-
-
-
-
-
code-yew-server
An extension that provides some language features for Yew's html macro syntax in Rust
-
vscode-yaml-embedded-languages
A VS Code syntax extension for embedded language highlighting in YAML
Project mention: VS Code extension for embedded syntax highlighting of YAML multi line strings | news.ycombinator.com | 2024-07-06 -
anki-editor
Visual Studio Code extension to edit Anki card templates and CSS styling with syntax highlighting and intellisense. (by Pedro-Bronsveld)
-
Project mention: Show HN: Google Apps add-on for syntax highlighting | news.ycombinator.com | 2024-08-08
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
TypeScript syntax-highlighting discussion
TypeScript syntax-highlighting related posts
-
How to detect code language in browser
-
Show HN: Google Apps add-on for syntax highlighting
-
Shiki: A beautiful yet powerful syntax highlighter
-
How to disable unused variable warnings in Magic Racket for VS Code?
-
Magic Racket/VS Code not working
-
New version of 'OpenSCAD language support' released
-
Creating a NextJS blog in typescript using Notion API
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 16 Mar 2025
Index
What are some of the best open-source syntax-highlighting projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | shiki | 11,059 |
| 2 | codehike | 5,006 |
| 3 | diff2html | 3,049 |
| 4 | git-split-diffs | 2,619 |
| 5 | ngx-markdown | 1,096 |
| 6 | vscode-terraform | 939 |
| 7 | expressive-code | 673 |
| 8 | sugar-high | 624 |
| 9 | react-code-blocks | 624 |
| 10 | diff2html-cli | 552 |
| 11 | carta | 554 |
| 12 | language-tools | 265 |
| 13 | syntax-highlighter | 218 |
| 14 | magic-racket | 205 |
| 15 | Syntax.js | 196 |
| 16 | vscode-openscad | 133 |
| 17 | language-mcfunction | 119 |
| 18 | code-yew-server | 55 |
| 19 | vscode-yaml-embedded-languages | 39 |
| 20 | anki-editor | 34 |
| 21 | code-syntax | 16 |
| 22 | ember-shiki | 16 |
| 23 | ryusei-light | 14 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai