Getting simple code syntax highlighting

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

prism-react-renderer

13 1,798 6.8 TypeScript

🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)

From memory you need to target the `pre` block so you can apply the styles/theme to them. I uses prism-react-renderer.

leerob.io

59 6,871 8.7 MDX

✨ My portfolio built with Next.js, Tailwind, and Vercel.

I know rehype is quite good. You can look at leerob's blog repo and see how he uses it https://github.com/leerob/leerob.io/tree/1ab95f21ac79e7a2210ea0211ae8432ef6789fdc

SurveyJS

surveyjs.io sponsored

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
next-js-test

1 0 0.0 JavaScript

Gladly, thanks! https://github.com/enriquemorenotent/next-js-test

nextjs-prism-markdown

1 99 0.0 JavaScript

Example using Prism / Markdown with Next.js including switching syntax highlighting themes.

Hey! Here's a simple example: https://github.com/leerob/nextjs-prism-markdown

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project