10 Best React Syntax Highlighting Libraries

List hand-picked by Openbase Experts
Learn More

react-error-overlay

Set up a modern web app by running one command.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
93K
Weekly Downloads
5M
Last Commit
1mo ago
low

lowlight

Virtual syntax highlighting for virtual DOMs and non-HTML things

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
386
Weekly Downloads
3M
Last Commit
2mos ago
rsc

react-simple-code-editor

Simple no-frills code editor with syntax highlighting

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
6
Top Feedback
4Great Documentation
4Easy to Use
3Responsive Maintainers
GitHub Stars
971
Weekly Downloads
191K
Last Commit
1yr ago
rcb

react-code-blocks

Modified Atlaskit's Code Block to support more languages (i.e graphql, reasonml, etc) and theme (i.e railscast, darcula, monokai, etc) code snippets!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
17K
Last Commit
N/A
ref

refractor

Lightweight, robust, elegant virtual syntax highlighting using Prism

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
421
Weekly Downloads
3M
Last Commit
2mos ago

@theme-ui/prism

Build consistent, themeable React apps based on constraint-based design principles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
4K
Last Commit
1mo ago
rsh

react-syntax-highlighter

syntax highlighting component for react with prismjs or highlightjs ast using inline styles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
3M
Last Commit
2mos ago

@uiw/react-codemirror

CodeMirror 6 component for React. @codemirror https://uiwjs.github.io/react-codemirror/

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
274
Weekly Downloads
12K
Last Commit
1mo ago
rc

react-codemirror2

Codemirror integrated components for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
206K
Last Commit
3mos ago

@readme/syntax-highlighter

ReadMe's React-based syntax highlighter

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
3K
Last Commit
1mo ago

prism-react-renderer

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
238K
Last Commit
7mos ago
rl

react-lowlight

Syntax highlighter for React, utilizing VDOM for efficient updates

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
91
Weekly Downloads
9K
Last Commit
2mos ago

react-fast-highlight

A fast react component wrapper for highlight.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
37
Weekly Downloads
490
Last Commit
1mo ago
rr

react-refractor

Syntax highlighter for React based on Prism/refractor, utilizing VDOM for efficient updates

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
39
Weekly Downloads
23K
Last Commit
4mos ago
rhw

react-highlight-words

React component to highlight words within a larger body of text

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
208K
Last Commit
10mos ago
rh

react-highlight

React component for syntax highlighting

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
695
Weekly Downloads
30K
Last Commit
1yr ago
rhj

react-highlight.js

A simple React wrapper around the Highlight.js library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
99
Weekly Downloads
16K
Last Commit
2yrs ago
rp

react-prism

React.js + prismjs syntax hightlight component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
186
Weekly Downloads
10K
Last Commit
4yrs ago
rfb

react-filter-box

Filter box which support AND/OR, syntax highlight and AutoComplete

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
179
Weekly Downloads
1K
Last Commit
1yr ago
gsh

graphql-syntax-highlighter-react

A React component for highlighting GraphQL syntax.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
620
Last Commit
N/A

react-json-syntax-highlighter

Serialize javascript objects as highlighted, formatted json

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
617
Last Commit
2yrs ago
rsh

react-syntax-highlight

React component for syntax highlighting.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
10
Weekly Downloads
53
Last Commit
5yrs ago
rrl

remark-react-lowlight

Syntax highlighting for remark-react through lowlight (MIT)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
36
Last Commit
4yrs ago
ri

react-illuminate

Syntax Highlighter made for and in ES6. Works both on Node and Browser (React too!).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
26
Weekly Downloads
8
Last Commit
10mos ago
rhj

react-highlight-js

React component for syntax highlighting

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
23
Last Commit
N/A
reg

react-error-guard

⚛️An overlay for displaying stack frames based on create-react-app/packages/react-error-overlay

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
3
Last Commit
3yrs ago