Prism: 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...

[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!