Latest Threat Research:SANDWORM_MODE: Shai-Hulud-Style npm Worm Hijacks CI Workflows and Poisons AI Toolchains.Details →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@speed-highlight/core

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@speed-highlight/core

🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection

Source
npmnpm
Version
1.2.8
Version published
Weekly downloads
4.2M
9.97%
Maintainers
1
Weekly downloads
 
Created
Source

Speed Highlight JS

Demo | Wiki | Docs

Screenshot

  • 🪶 Lightweight (~2kB for the core + ~1kB by language)
  • ⚡ Fast (faster than prism and highlight.js on average)
  • 🧹 Minimal Codebase

Simple setup 🚀

Web

Style/theme (in the header of your html file):

<link rel="stylesheet" href="/path/dist/themes/default.css">

In the body of your html file:

<div class='shj-lang-[code-language]'>[code]</div>
or
<code class='shj-lang-[code-language]'>[inline code]</code>

Highlight the code (in your javascript):

import { highlightAll } from '/path/dist/index.js';
highlightAll();

Auto language detection

import { highlightElement } from '../dist/index.js';
import { detectLanguage } from '../dist/detect.js';

elm.textContent = code;
highlightElement(elm, detectLanguage(code));

Load custom language

import { loadLanguage } from '../dist/index.js';

loadLanguage('language-name', customLanguage);

CDN

<link rel="stylesheet" href="https://unpkg.com/@speed-highlight/core/dist/themes/default.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/speed-highlight/core/dist/themes/default.css">

import ... from 'https://unpkg.com/@speed-highlight/core/dist/index.js';
import ... from 'https://cdn.jsdelivr.net/gh/speed-highlight/core/dist/index.js';

Deno

Use the deno module

import { setTheme, printHighlight } from 'https://deno.land/x/speed_highlight_js/dist/terminal.js';

await setTheme('[theme-name]');
printHighlight('console.log("hello")', 'js');

Node

Use the npm package

npm i @speed-highlight/core

const { setTheme, printHighlight } = require('@speed-highlight/core/terminal');

setTheme('[theme-name]');
printHighlight('console.log("hello")', 'js');

Migrating from prism

Speed-highlight JS is a lighter and faster version of prism that share a similar API

Style

Remove the prism stylesheet in the head of your html file Clone this repository or use a cdn to load our stylesheet

<head>
-  <link href="themes/prism.css" rel="stylesheet" />
+  <link rel="stylesheet" href="https://unpkg.com/@speed-highlight/core/dist/themes/default.css">
</head>

Script

For the script part remove the prism.js script and replace it by a import and a call to highlightAll

<body>
-  <script src="prism.js"></script>
+<script>
+  import { highlightAll } from 'https://unpkg.com/@speed-highlight/core/dist/index.js';
+  highlightAll();
+</script>
</body>

If you want to highlight only a specific element you can use the highlightElement function instead

Code block

For the code blocks replace the <pre><code> by only one <div> And use shj-lang- prefix instead of language- for the class property

-<pre><code class="language-css">p { color: red }</code></pre>
+<div class="shj-lang-css">p { color: red }</div>

And for inline code block you just have to change the class property

-<code class="language-css">p { color: red }</code>
+<code class="shj-lang-css">p { color: red }</code>

Languages supported 🌐

NameClass nameSupportLanguage detection
asmshj-lang-asm✅
bashshj-lang-bash✅
brainfuckshj-lang-bfincrement, operator, print, comment❌
cshj-lang-c✅
cssshj-lang-csscomment, str, selector, units, function, ...✅
csvshj-lang-csvpunctuation, ...❌
diffshj-lang-diff✅
dockershj-lang-docker✅
gitshj-lang-gitcomment, insert, deleted, string, ...❌
goshj-lang-go✅
htmlshj-lang-html✅
httpshj-lang-httpkeywork, string, punctuation, variable, version✅
inishj-lang-ini❌
javashj-lang-java✅
javasciptshj-lang-jsbasic syntax, regex, jsdoc, json, template literals✅
jsdocshj-lang-jsdoc❌
jsonshj-lang-jsonstring, number, bool, ...❌
leanpub-mdshj-lang-leanpub-md❌
logshj-lang-lognumber, string, comment, errors❌
luashj-lang-lua✅
makefileshj-lang-make✅
markdownshj-lang-md✅
perlshj-lang-pl✅
plainshj-lang-plain❌
pythonshj-lang-py✅
regexshj-lang-regexcount, set, ...❌
rustshj-lang-rs✅
sqlshj-lang-sqlnumber, string, function, ...✅
todoshj-lang-todo❌
tomlshj-lang-tomlcomment, table, string, bool, variable❌
typescriptshj-lang-tsjs syntax, ts keyword, types✅
urishj-lang-uri✅
xmlshj-lang-xml✅
yamlshj-lang-yamlcomment, numbers, variable, string, bool❌

Themes 🌈

A modern theme by default

NameTerminalWeb
default✅✅
github-dark❌✅
github-light❌✅
github-dim❌✅
atom-dark✅✅
visual-studio-dark❌✅

Keywords

javascript
syntax-highlighting
language
fast
js
simple

FAQs

Package last updated on 24 Oct 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

StegaBin: 26 Malicious npm Packages Use Pastebin Steganography to Deploy Multi-Stage Credential Stealer

Research

/

Security News

StegaBin: 26 Malicious npm Packages Use Pastebin Steganography to Deploy Multi-Stage Credential Stealer

Socket uncovered 26 malicious npm packages tied to North Korea's Contagious Interview campaign, retrieving a live 9-module infostealer and RAT from the adversary's C2.

By Philipp Burckhardt, Peter van der Zee  -  Feb 27, 2026