30 open-source projects similar to react-syntax-highlighter/react-syntax-highlighter, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Syntax Highlighter alternative.
react-syntax-highlighter is a component for rendering source code with syntax highlighting in React applications. It acts as a wrapper for the PrismJS and Highlight.js engines to provide formatted code display and language-specific colors. The project provides a customizable code block renderer that supports custom DOM injection, line numbering, and inline styling. It allows users to replace default HTML tags with custom React components to control how code is injected into the document object model. The library covers code presentation management through visual themes and line numbering. It
CodeMirror 5 is a browser-based code editor and extensible UI component. It functions as a syntax highlighting engine and a programmable text surface, providing a professional coding experience embedded within web pages. The project is distinguished by its ability to act as a collaborative text editor, synchronizing document changes across multiple users in real time. It also includes a dedicated Vim emulation layer that implements modal keyboard interactions, motions, and operators. The system covers broad capability areas including language support for autocompletion and error analysis, co
Chroma is a syntax highlighter written in Go that converts raw source code into colorized text or HTML. It identifies programming languages and tokens using language-specific lexers to produce highlighted output for various environments. The project utilizes a theme-driven colorization system that decouples token types from final colors through an intermediate style mapping layer. This allows for custom code theming by mapping specific token categories to foreground and background colors. The system covers language identification, terminal text formatting for ANSI-compatible viewers, and web
Shiki is a syntax highlighting engine that generates color-coded HTML or ANSI output from source code. It functions as a static code highlighter, utilizing standard grammar definitions to parse text and apply accurate visual styling for documentation and terminal displays. The engine distinguishes itself by using a TextMate grammar parser to interpret text patterns, ensuring that code displays match the visual appearance of professional editors. It operates through an isomorphic runtime that supports both browser and server environments, utilizing WebAssembly for consistent execution and pre-
Code-prettify is a browser-based tool and HTML syntax highlighter that adds visual formatting and line numbers to raw code blocks on web pages. It functions as a client-side code formatter and a customizable lexer library for defining language-specific highlighting rules. The system allows for the creation of custom lexers to provide syntax highlighting for proprietary or uncommon programming languages. Visual presentation is managed through custom code styling and the integration of external CSS stylesheets to define colors and fonts. The project provides automatic syntax highlighting and s
Runestone is a web-based code editor component and rendering engine designed for browser-based text editing. It functions as a customizable interface that handles the visual representation of code, including line numbering, indentation, and line wrapping. The project features a rule-based syntax highlighting engine that applies colors to text ranges based on language grammar definitions. It also includes a regex-based text search engine that locates specific patterns and applies visual highlights to matching character offsets. The editor manages text input through automatic character pairing
Prism is a JavaScript syntax highlighter and web-based code formatter. It functions as an extensible syntax engine designed to colorize and format code blocks on web pages, making various programming languages easier to read. The project processes raw code strings into styled HTML elements for use in frontend content rendering, technical documentation, and static site generation. It provides a modular system for adding custom language definitions and highlighting rules to a web-based code viewer.
highlight.js is a JavaScript syntax highlighter and client-side code formatter that transforms plain text source code into highlighted HTML for web display. It provides syntax highlighting across a wide variety of programming languages. The library includes an automatic language detector that identifies the programming language of a code block to apply the correct highlighting rules without manual tagging. It is designed for web worker compatibility, allowing the highlighting process to run in background threads to prevent the browser interface from freezing during the processing of large vol
CodeMirror is a browser-based code editor and extensible text editor framework. It functions as a programmable interface for rendering code and text with support for numerous programming languages, serving as a reusable component for web-based integrated development environments. The project provides a syntax highlighting engine that applies visual styles to text based on programming language rules. It includes a programming API and a CSS theming system to customize the editor's appearance and extend its functionality with custom behaviors. The framework covers capabilities for embedding tex
Code Surfer is a web-based code slide framework and presentation tool designed for creating technical slides. It functions as a code animation library and diff visualizer that enables the rendering of source code with animated transitions, zooming, and highlighting. The project focuses on visualizing code evolution through state morphing and diff animations. It uses coordinate-based view transitions and smooth scrolls to guide viewers through changes between different code versions across a slide deck. The framework provides capabilities for attention management via line-level focus, section
Streamdown is a streaming markdown renderer for React that transforms incoming markdown text into sanitized HTML in real time, handling incomplete blocks as they arrive. It parses GitHub-Flavored Markdown syntax including tables, task lists, and footnotes, and renders LaTeX math expressions using KaTeX, Mermaid diagrams as interactive SVGs, and code blocks with Shiki-based syntax highlighting supporting over 200 languages with dual light and dark themes. The renderer includes an XSS-safe HTML sanitizer that strips dangerous tags and validates URLs to prevent injection attacks. What distinguis
This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event
Codehike is a React-based documentation framework and interactive code walkthrough tool. It functions as a markdown content orchestrator that transforms decorated markdown into structured data and React components, serving as a visualization layer for highlighting code ranges, diffs, and compiler errors. The project is distinguished by its ability to create scrollycoding experiences and step-by-step technical tutorials. It features token-level animations that visually demonstrate how logic evolves between code versions and provides a system for syncing UI state to the browser scroll position.
PHP-Console-Highlighter is a syntax highlighter and console code formatter designed to apply color-coding to PHP source code for display in terminal environments. It functions as a utility to transform plain PHP text into visually structured code for command line interfaces. The tool enables terminal-based code review and provides formatted output for PHP static analysis tools and command line applications. It uses regex-based tokenization and ANSI sequence color mapping to translate syntax tokens into colored text.
Highlight.js is a syntax highlighting library that automatically detects and applies color-coded styling to source code blocks within web pages. It functions as a language-agnostic formatting engine, utilizing a modular processor that applies consistent visual themes to diverse programming languages based on their specific grammatical rules. By decoupling the core parsing logic from language-specific definitions, the library provides a unified execution environment that operates without requiring internal knowledge of the target language. The project is distinguished by its modular architectu
kanagawa.nvim is a Lua-based colorscheme for NeoVim that provides a high-contrast visual theme based on a traditional Japanese art color palette. It functions as a comprehensive styling system for the editor, applying semantic syntax highlighting to code structures and plugins. The project features a system for switching between different lighting variants, such as warm, deep dark, and light modes. It includes utilities for customizing specific palette colors and highlight groups, as well as the ability to export color definitions to external terminal emulators and shells for cross-applicatio
This project is a Python terminal user interface library and toolkit designed for building interactive command-line applications. It provides a terminal input manager and a widget toolkit for rendering dashboards, menus, and editors within a terminal emulator. The library enables the creation of full-screen terminal interfaces and interactive shells. It distinguishes itself with advanced input handling, including lexer-based syntax highlighting for visual feedback on code structure and support for industry-standard keyboard navigation modes such as Emacs and Vi. The capability surface covers
Regexr is a web-based regular expression IDE designed for building, testing, and debugging patterns. It functions as a testing tool to validate expressions against sample text and a learning tool that provides an interactive guide and a built-in cheat sheet for studying syntax. The platform includes a community regex library, which is a searchable repository of user-contributed patterns. This enables the discovery, sharing, and reuse of proven matching logic through a public directory and collaborative sharing links. The tool supports real-time pattern construction with syntax highlighting a
Acode is a code editor designed for mobile devices. It provides syntax-highlighted editing for multiple programming languages, an integrated JavaScript console for running and debugging scripts, and a built-in web preview that renders local HTML, CSS, and JavaScript projects in an embedded browser. The editor is extensible through a plugin system, which includes a dedicated JavaScript API for building custom plugins and a curated repository for community plugin installation. Plugins are auto-installed and can hook into the editor's lifecycle, UI, and file operations. Language support is confi
Zed is a terminal-based code editor built in Rust that provides a full-featured editing experience with familiar keybindings, mouse support, and multiple cursors. It runs entirely in the terminal while offering capabilities typically found in graphical editors, including split panes, a command palette, and integrated language server protocol support for real-time diagnostics, completions, go-to-definition, and code actions across multiple languages. The editor distinguishes itself through a plugin system that runs sandboxed TypeScript plugins in a QuickJS runtime, with an asynchronous bridge
This repository contains a collection of extensions and configurations for a text editor plugin ecosystem. It provides a framework for adding language support and custom behavior through a system of customizable key bindings, a project indexing engine, and a syntax highlighting framework. The project utilizes a Python API to enable the development of custom plugins, menus, and tools. It supports a functional extension framework where users can create custom themes, syntax definitions, and resource overrides to expand the editor's visual styles and capabilities. The system covers advanced tex
Presenterm is a CLI presentation framework and tool used to create interactive slide decks directly in the terminal. It functions as a Markdown slide renderer, transforming Markdown files into formatted terminal presentations with support for synchronized speaker notes and custom YAML themes. The project distinguishes itself through a built-in terminal code executor that runs code snippets live during a presentation, replacing source blocks with real-time output. It also features a terminal image renderer capable of displaying local images, animated GIFs, and pre-rendered diagrams or mathemat
jless is an interactive JSON explorer and command-line viewer designed for reading and navigating hierarchical data structures within a terminal. It functions as a terminal JSON formatter that pretty-prints data from files or standard input, including support for newline-delimited formats. The tool serves as a JSON path extractor, allowing users to identify and copy the dot or bracket notation paths from the root to specific nodes. It also includes a regex search utility for locating specific keys and values within JSON datasets using full-text regular expressions. The application provides c
CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow
massCode is a local-first developer workspace application that combines a code snippet manager, a markdown knowledge base, and an HTTP client tool. It serves as a productivity suite for software engineers to consolidate reusable code fragments, technical documentation, and API collections within a single environment. The application distinguishes itself by integrating a developer utility suite for natural language calculations, sample data generation, and JSON visualization. It also includes visual project mapping capabilities, allowing users to create mind maps and sketch diagrams alongside
You-need-to-know-css is a curated library of pre-written CSS code snippets for common frontend styling tasks including layout patterns, visual effects, animations, and component styling. It serves as a quick reference for developers looking to implement ready-to-use styling solutions without writing CSS from scratch. The collection is organized by visual effect or layout category, with each snippet presented on a standalone page that includes syntax-highlighted code, property documentation explaining the CSS rules and their values, and a live inline demo rendered inside an isolated iframe to
This project is a collection of programming language references and syntax cheat sheets designed for rapid developer onboarding. It serves as a library of code-based documentation that uses valid source code files to provide whirlwind tours of various language specifications. The project focuses on programming language learning by providing concise, commented code examples that explain core features and syntax in place. This approach enables developers to quickly grasp language-specific patterns, data types, and execution flow through a consistent reference format. The content covers a broad
This project is a responsive Jekyll static site theme designed for technical blogs, documentation, and multilingual websites. It focuses on text readability and the presentation of technical content, providing a customizable CSS theme with multiple color palettes and dark mode toggling. The theme distinguishes itself through specialized rendering for technical assets, including mathematical formulas, diagrams, and syntax-highlighted code. It includes built-in internationalization support via translation keys to facilitate the creation of sites in multiple languages. The capability surface co
VimTeX is an integrated development environment for authoring and compiling LaTeX documents within Vim and Neovim. It functions as a comprehensive suite for technical document authoring, combining the roles of a syntax highlighter, document navigator, and autocompletion engine. The plugin distinguishes itself through a coordinated workflow that manages asynchronous compilation and bidirectional synchronization with external PDF viewers. This allows users to jump between specific source locations and their rendered pages while maintaining a responsive editor interface during document productio
PSReadLine is a command line editor, completion engine, history manager, and syntax highlighter for the PowerShell console. It provides a bash-inspired line editing experience that enables advanced cursor movement and text manipulation within the terminal. The project features a customizable input mapper for assigning keyboard shortcuts to specific actions and navigation logic. It includes a completion system that suggests matching commands through selectable menus or prefix-based matching. The tool covers real-time color coding for command text and error notifications to improve readability