NodeJS using Prism on the server-side

[LeaVerou]

NodeJS appears to be using Prism on the server side: view source e.g. here and look at the class names. Is that enough to feature it?

[RunDevelopment]

They are using Prism. Here's the build script of the website. They use Prism via a plugin for their markdown render.

I think that's enough to feature it.

[LeaVerou]

Great! In general, I suspect there are many big websites using Prism that we have not featured. I mean, we have 3 million weekly downloads on npm alone! I wonder how we could find them...

[edukisto]

Look at https://www.nerdydata.com/

Search for prism.js, prism.min.js, or prismjs.

[Golmote]

I often "get a feel" for it when I see the code blocks on a website, somehow.

Note that NodeJS still uses HighlightJS in the API docs.

From a quick tour I just did on some tech websites (in quite a random order):

• Tailwind CSS uses Prism too (at least the tokenizer).
• Preact (https://github.com/preactjs/preact-www/tree/master/src/components/code-block)
• Svelte (https://github.com/sveltejs/svelte/blob/master/site/src/utils/highlight.js#L2)
• Font Awesome
• NextJS
• Gatsby
• GraphQL
• Apollo
• Redux
• Express
• Deno (https://github.com/denoland/deno_website2/blob/master/components/CodeBlock.tsx#L4)
• Storybook
• Laravel

And probably many many more. :)

EDIT:

• Styled Components (https://github.com/styled-components/styled-components-website/blob/master/utils/prismTemplateString.js)
• Emotion
• most likely Prettier (even though there is some hljs classes still in there)
• Autoprefixer (https://github.com/autoprefixer/autoprefixer.github.io/blob/master/src/highlight.js)
• David Walsh blog
• Vercel
• Australian gov design system
• NZ gov design system
• Swiss gov web guidelines
• Aurora (Government of Canada)
• NuxtJS
• Stencil
• Ionic
• BlitzJS
• Eleventy

[LeaVerou]

We should feature all these sites in the homepage! At least the big ones!

[Golmote]

I think if we decide to feature more websites on the homepage, we'll need to revisit the design though, cause we can't spam a lot more logos as huge as they are right now haha.

[edukisto]

Here are my findings.

Docs for frameworks and libraries

• Composer, a PHP dependency manager (proof);
• JointJS, a diagramming library;
• Materialize, a popular CSS framework;
• Material Design Lite;
• Meteor, a JavaScript app platform;
• Nest (NestJS), a Node.js framework (see polyfills-es5.js);
• p5.js, a JavaScript library for creative coding;
• Qooxdoo, a JavaScript framework;
• RavenDB, a NOSQL DBMS (see main.js);
• Slim, a micro framework for PHP.

Site generators

• docsify, a quite popular documentation site generator (proof).

Text editors

• MacDown (see the list of dependencies or unpack the package and see the Contents/Resources/Prism/ directory);
• TinyMCE. The @ephox/wrap-prismjs package wraps PrismJS in a ECMAScript 2015 module.

PaaS & other sites

• DevDocs, a documentation browser (proof);
• paddle, a PaaS for B2B SaaS (proof);
• Tutorial Republic;
• Vue.js Examples.

[edukisto]

refractor. 2M downloads weekly.

[LeaVerou]

I wonder if we should have a longer text-only list of websites using Prism, in addition to the bigger ones that we list with logos.

[RunDevelopment]

I wonder if we should have a longer text-only list of websites using Prism

I wonder. For most of those sites, libraries, and frameworks, using Prism is probably just an implementation detail, so I would expect a text-only list to change "frequently" (maybe every month or so depending on the length of the list) and I wouldn't want to check and update it manually.

But I am very much for diversifying and extending our current list of popular sites.

---

Maybe another site to add to the list:

• Crates.io, Rust's main package registry (example)

[LeaVerou]

This is HUGE: Google's web.dev uses Prism!! Evidence: https://web.dev/publish-modern-javascript/

We should definitely list this on the homepage!

[rumkin]

Official React site uses Prism: https://github.com/reactjs/reactjs.org/blob/master/package.json.

[RunDevelopment]

Another one we could mention: v8.

[SiddharthShyniben]

There's CSS-Tricks too.

[LeaVerou]

There's CSS-Tricks too.

We already list that on the homepage.

[edukisto]

@mui/material is a trending React UI library. The project team uses Prism on their site [1; 2].