prism.js Reviews and Details

Is prism.js good?

Social recommendations and mentions

• Prism

  It reminded me of the code highlighter[0], and the ORM Prisma[1]. [0] https://prismjs.com/. - Source: Hacker News / 6 months ago

• 1Password Breaks Syntax Highlighting On The Internet

  Starting sometime in early December of 2025, a change was rolled out to the 1Password browser extension that began injecting prism.js onto every site and targeting every block it encountered. - Source: dev.to / 6 months ago

• Artisanal Handcrafted Git Repositories

  The site uses Astro (https://astro.build/) and the code blocks are generated using Shiki (https://shiki.style/). As Shiki generates the HTML and CSS at build-time instead of requiring runtime JS like alternatives like Prism (https://prismjs.com/#basic-usage), it's actually quite performant. I think it's unlikely that a couple of hundred lines with some empty spans in is going to cause performance issues – imo it's... - Source: Hacker News / 12 months ago

• Build A Full-Stack Application With AnalogJS

  First step it to open src/app/app.config.ts, enable markdown file support, and add a syntax highlighter. You can pick between Prism or Shiki, both are great, but for this example, we’re rolling with Prism. - Source: dev.to / about 1 year ago

• Supercharge Your Projects: Must-Have JavaScript Plugins for Developers 🚀

  ✨ Explore Prism.js for more themes and plugins! - Source: dev.to / over 1 year ago

• SLATE Code editor with highlight

  This function receives a SLATE Node. I get the text of the "Node" With the text, I create the "tokens" with PRISMJS. I transform the "tokens" into Range. The "Ranges" have the className property with the information for the highlight. - Source: dev.to / over 1 year ago

• My OpenSource Blog that You Can Use Right Now

  For Code highlighting, I am using Prism.js. First I am loading the styles file inside the _app.tsx file and inside the CodeBlock component, I am loading the styling that gives us beautiful syntax highlights. - Source: dev.to / over 2 years ago

• Build a simple code editor

  Luckily, implementing syntax highlighting in our simple code editor is easy with the use of external libraries. There are several JavaScript libraries available, such as Prism and Highlight.js. For our editor, we'll use Prism since it's easy to use and supports a wide range of programming languages. - Source: dev.to / over 2 years ago

• To learn svelte, I clone Github's issues page including useful features that you might consider reusing.

  🌈 Prismjs Code highlighting, use it with Marked. Source: over 2 years ago

• Code Reading Docusaurus

  I'm trying to implement the new feature in a similar way, but not exactly the same, so my plan is going to modify unwrapMdxCodeBlocks function and apply Prism to highlight the code blocks. - Source: dev.to / over 2 years ago

• Blog in django

  I tend to use https://prismjs.com/ on my blog. On the website you click which languages you want to support (e.g. Python, JavaScript, ...) and get a custom set of CSS and JS files which you load into your template. Code than has to be wrapped in. Source: about 3 years ago

• What is the proper language markup type we should use for a MakeFile code snippet?

  I believe Obsidian utilizes PrismJS as its default syntax highlighter for code blocks. Source: over 3 years ago

• Sveltekit prismjs

  I have a problem with using PrismJS with SvelteKit. I can get the basic languages to work like javascript, but I can't load additional ones using the loadLanguages function, because of the Vite (or at least I think that is the problem). Is there any way to load additional languages highlighting? I am also using tailwind css and flowbite-svelte. Source: over 3 years ago

• Nextra 2 – Next.js Static Site Generator

  Prismjs was replaced by Shiki and Rehype-pretty-code. - Source: dev.to / over 3 years ago

• Want to create attractive, interactive docs? Use these amazing documentation tools and examples

  If you want to use a libary in the browser, a lightweight library like Prism is more suitable. - Source: dev.to / over 3 years ago

• Fastly fiddle turns 5 with a bunch of new features

  So we replaced Monaco with Prism for read-only fiddles, and added code-splitting to further reduce the amount of React code needed before the page can render. Then we made Fiddle's embed IFRAMEs lazy-load, so we don't load it at all if it's off-screen, and we don't block initial render. But the fact remains that an embedded fiddle still took a couple of seconds to load and render. - Source: dev.to / over 3 years ago

• How to render pretty code blocks using Contentful Rich Text Editor and Gatsby

  I was checking, and the most popular library by far seem to be PrismJS, it's easy to add to our Gatsby website, and it's easy to configure. - Source: dev.to / almost 4 years ago

• Converting and customizing Markdown files to HTML with Unified, remark & rehype

  PrismJS and Highlight.js are two JavaScript libraries to highlight code keywords for multiple programming languages. - Source: dev.to / almost 4 years ago

• Build Static Blogs with Keystone

  Keystone's document field is powered by an incredible rich text editor. All the default components (headings, paragraphs, bold, italics, code blocks, etc) that you usually use to write a blog post are supported by the editor out of the box. The editor exposes an intuitive API to build your own custom components and that's what makes this blog template stand out. This template includes a few custom components in... - Source: dev.to / almost 4 years ago

• Understanding SEO and Web Vitals for your NextJS site and how to improve them?

  💡 I had later removed highlight.js altogether for prism.js in this PR. - Source: dev.to / over 4 years ago

• How to Build the Perfect Developer Portfolio 🔥

  The codeblocks are highlighted using prism.js, and there is a different highlighting method used for both light and dark modes. There are also titles on the code, which are generally relative to the placement of the file within the codebase. Lastly, I added a "copy" component to the code when the user hovers, as it just makes it more convenient. - Source: dev.to / about 4 years ago