awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

45 Repos

Awesome GitHub RepositoriesSyntax Highlighting

Applying visual styles to code blocks to differentiate language keywords and structures.

Distinct from Code Line Highlighting: Focuses on the visual highlighting of code within documentation, not just highlighting specific lines of a presentation.

Explore 45 awesome GitHub repositories matching user interface & experience · Syntax Highlighting. Refine with filters or upvote what's useful.

Awesome Syntax Highlighting GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • zadam/triliumAvatar von zadam

    zadam/trilium

    36,595Auf GitHub ansehen↗

    Trilium is a hierarchical personal knowledge base and digital garden tool designed to organize information into a tree of linked nodes. It functions as a JavaScript programmable wiki and a self-hosted note server, allowing users to maintain a private database of documents synchronized across multiple devices. The platform distinguishes itself through an embedded scripting engine for automating tasks and a REST API that exposes internal data and actions to external tools. Users can further extend the system by modifying the user interface layout and styling through a custom theme engine. The

    Supports code notes with integrated syntax highlighting for improved readability of source code.

    TypeScript
    Auf GitHub ansehen↗36,595
  • ksky521/nodepptAvatar von ksky521

    ksky521/nodeppt

    10,352Auf GitHub ansehen↗

    nodeppt ist ein Markdown-Präsentationsgenerator und statischer Seitengenerator, der Markdown-Quelldateien in interaktive webbasierte Slide-Decks transformiert. Er besteht aus einem Command-Line-Build-Tool und einer spezialisierten Frontend-Runtime, die verwendet wird, um Präsentationen in einem Webbrowser bereitzustellen. Das Projekt bietet eine Dual-Screen-Präsentations-Runtime, die die Zuschaueransicht mit einem privaten Monitor für Sprechernotizen synchronisiert. Es verwendet eine Plugin-basierte Markdown-Pipeline und ein DOM-Transformationssystem für die Nachbearbeitung, um benutzerdefinierte Syntax in strukturierten HTML-Inhalt zu konvertieren. Das Framework unterstützt die Generierung technischer Inhalte, einschließlich Rendering mathematischer Formeln, Code-Syntax-Highlighting und Einbettung interaktiver Diagramme. Es bietet ein Layout-System für Grid- und Card-Designs, visuelle Bewegungseffekte und datengesteuerte Visualisierungen. Ein lokaler Entwicklungsserver ist für Echtzeit-Iterationen enthalten, und ein Utility wird bereitgestellt, um Präsentationen als PDF-Dokumente zu exportieren.

    Automatically applies visual styles to code blocks to differentiate language keywords and structures.

    JavaScript
    Auf GitHub ansehen↗10,352
  • swagger-api/swagger-editorAvatar von swagger-api

    swagger-api/swagger-editor

    9,453Auf GitHub ansehen↗

    Swagger Editor is a web-based authoring tool and development environment used to design, document, and validate API specifications. It specifically supports the OpenAPI Specification, providing a browser interface for writing API schemas and verifying their structure. The tool features real-time rendering that produces a visual preview of the API documentation as the specification is edited. It includes syntax highlighting based on standardized schemas to improve the readability of the API definitions. The editor supports importing specifications from files, external URLs, or example fixture

    Applies color coding to API specification keywords and structures based on standardized schemas.

    JavaScript
    Auf GitHub ansehen↗9,453
  • fluid-dev/hexo-theme-fluidAvatar von fluid-dev

    fluid-dev/hexo-theme-fluid

    8,161Auf GitHub ansehen↗

    :ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo

    Applies color-coded syntax highlighting to code blocks in blog posts using built-in color schemes.

    JavaScriptarticleblogfluid
    Auf GitHub ansehen↗8,161
  • crazyguitar/pysheeetAvatar von crazyguitar

    crazyguitar/pysheeet

    8,150Auf GitHub ansehen↗

    pysheeet ist eine technische Referenzbibliothek, die eine kuratierte Sammlung von Code-Snippets und Implementierungsmustern für fortgeschrittene Python-Entwicklung, Systemintegration und High-Performance-Computing bereitstellt. Sie dient als umfassender Leitfaden für die Implementierung von Low-Level-Netzwerkprogrammierung, nativen C-Erweiterungen sowie asynchroner und nebenläufiger Programmierung. Das Projekt bietet spezialisierte Frameworks für die Entwicklung und Bereitstellung von Large Language Models, einschließlich Werkzeugen für verteilte GPU-Inferenz und High-Performance-Serving. Es enthält zudem detaillierte Muster für die Orchestrierung von High-Performance-Computing-Clustern, die GPU-Ressourcenzuweisung und Multi-Node-Workload-Management abdecken. Die Bibliothek deckt ein breites Spektrum an Funktionen ab, einschließlich sicherer Netzwerkkommunikation und Kryptografie, Object-Relational-Mapping und Datenbankverwaltung sowie die Implementierung komplexer Datenstrukturen und Algorithmen. Sie bietet zudem Utilities für Speicherverwaltung, native Interoperabilität via Foreign-Function-Interfaces und systemnahe OS-Integration.

    Implements the application of visual styles to code blocks to differentiate keywords and structures.

    Python
    Auf GitHub ansehen↗8,150
  • markdoc/markdocAvatar von markdoc

    markdoc/markdoc

    8,060Auf GitHub ansehen↗

    Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts

    Applies syntax highlighting to code blocks by replacing default fence nodes with custom renderers.

    TypeScriptauthoringdocumentationmarkdoc
    Auf GitHub ansehen↗8,060
  • bensadeh/tailspinAvatar von bensadeh

    bensadeh/tailspin

    7,875Auf GitHub ansehen↗

    Tailspin is a regex-based text colorizer and terminal log viewer designed to transform plain text streams into colorized output. It functions as a command line log highlighter and tailer that applies syntax highlighting to logs using regular expressions. The tool distinguishes itself through its ability to monitor files in real time and pipe live output through a highlighter. It recognizes and colors common data types such as IP addresses, UUIDs, HTTP methods, JSON objects, dates, and memory pointers. Users can define custom highlight styles and regex patterns to assign specific colors to uni

    Applies syntax highlighting to logs using regular expressions for dates, IP addresses, and JSON.

    Rustcczecolorizercolors
    Auf GitHub ansehen↗7,875
  • leerob/next-mdx-blogAvatar von leerob

    leerob/next-mdx-blog

    7,555Auf GitHub ansehen↗

    This is a static site generator and blog publishing system built on Next.js that compiles MDX content into HTML at build time. It uses file-based routing to map each page to a URL path automatically, and applies utility-first CSS styling through Tailwind CSS for visual design. The project includes a pre-built blog starter template that can be deployed with a single click to Vercel’s edge network, where it benefits from automatic optimizations and serverless function support. It features built-in analytics instrumentation that collects page view and visitor data without manual setup, and suppo

    Applies color-coded formatting to code blocks within posts for improved readability.

    TypeScriptblogmdxnextjs
    Auf GitHub ansehen↗7,555
  • liangliangyy/djangoblogAvatar von liangliangyy

    liangliangyy/DjangoBlog

    7,397Auf GitHub ansehen↗

    DjangoBlog is an open-source blog engine built with the Django web framework, designed as a full-featured content management system. It provides Markdown editing for articles and pages, supports social login through OAuth providers including Google, GitHub, Facebook, Weibo, and QQ, and offers full-text search powered by Elasticsearch or Whoosh with keyword highlighting in results. The blog distinguishes itself through several integrated capabilities. It includes a Redis-based page caching system that caches rendered responses and automatically invalidates them on content changes to reduce dat

    Applies syntax highlighting to code in articles when the code block is prefixed with the programming language name.

    Pythonblogdjangodjango-blog
    Auf GitHub ansehen↗7,397
  • skwp/dotfilesAvatar von skwp

    skwp/dotfiles

    6,976Auf GitHub ansehen↗

    This project is a curated configuration suite and development environment bootstrapper designed to optimize Zsh and Vim. It provides a collection of dotfiles, plugins, and scripts that automate the installation of system packages and shell tools to standardize a local workstation. The suite focuses on creating a consistent experience across the command line and text editor. It implements a Zsh shell framework with syntax highlighting and fuzzy matching, alongside a Vim configuration that includes advanced plugins and modal editing. It also provides a set of sane defaults and Vim-style keybind

    Enhances code clarity by applying specialized syntax coloring and tag highlighting for various programming languages.

    Ruby
    Auf GitHub ansehen↗6,976
  • vuejs/language-toolsAvatar von vuejs

    vuejs/language-tools

    6,677Auf GitHub ansehen↗

    This project is a suite of specialized tools for the implementation of a language server, template parsing, and static type validation of single-file components. It provides a language server and a type checker to deliver consistent intelligence and validation for Vue components across different editors and command-line environments. The tooling utilizes a template parser to transform single-file component structures into virtual code, enabling static analysis and type checking on HTML-like structures. This process allows for the extraction of component metadata regarding props, events, and s

    Applies visual styles to code elements within components using semantic tokens to differentiate language structures.

    TypeScript
    Auf GitHub ansehen↗6,677
  • purocean/ynAvatar von purocean

    purocean/yn

    6,638Auf GitHub ansehen↗

    yn ist ein Markdown-Texteditor und Wissensmanagement-Tool, das als interaktive Dokumenten-Canvas konzipiert ist. Es fungiert als vernetztes Notizsystem zur Organisation von Informationen über Wiki-Links, Hashtags und lokale Dateirepositories, während es einen KI-Schreibassistenten für automatisierte Texterstellung und -vervollständigung integriert. Das Projekt zeichnet sich durch seine Multi-Engine-Diagrammfunktionen aus, die textbasierte Syntax in Visualisierungen mittels Mermaid, PlantUML und ECharts rendern. Es verwendet ein erweiterbares Plugin-Framework, das das Hinzufügen benutzerdefinierter UI-Elemente und Funktionen durch JavaScript-Module und Event-Hooks ermöglicht. Die Anwendung deckt ein breites Spektrum an Content-Authoring- und technischen Funktionen ab, einschließlich LaTeX-Mathematik-Rendering, integrierter Code-Ausführung und der Generierung interaktiver Präsentationen. Sie bietet eine fortgeschrittene Dokumentenorganisation durch Wissensgraph-Visualisierungen und enthält Dienstprogramme für Dokumentenverschlüsselung, Versionsverfolgung und Backend-gesteuerte Formatkonvertierung. Die Anwendung kann über Befehlszeilenparameter mit benutzerdefinierten Ports, Datenverzeichnissen und Zugriffsmodi gestartet werden.

    Displays source code with integrated syntax highlighting and line numbering for better readability.

    TypeScript
    Auf GitHub ansehen↗6,638
  • hinesboy/mavoneditorAvatar von hinesboy

    hinesboy/mavonEditor

    6,586Auf GitHub ansehen↗

    mavonEditor is a markdown editor component for Vue applications that functions as a markdown-to-HTML converter and a visual text editor. It provides a synchronized preview and a writing interface that renders markdown content in real-time. The project includes a security layer that cleans HTML tags and attributes through sanitization to prevent the execution of malicious scripts in the browser. The editor supports technical documentation authoring with capabilities for mathematical notation, footnotes, automated tables of contents, and code syntax highlighting. It also includes a system for

    Applies distinct colors to code blocks using customizable schemes to improve readability.

    Vueeditorhtmljavascript
    Auf GitHub ansehen↗6,586
  • rebelot/kanagawa.nvimAvatar von rebelot

    rebelot/kanagawa.nvim

    6,206Auf GitHub ansehen↗

    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

    Applies a semantic color scheme to distinguish code structures and plugin elements for improved legibility.

    Lualspluaneovim
    Auf GitHub ansehen↗6,206
  • jonschlinkert/remarkableAvatar von jonschlinkert

    jonschlinkert/remarkable

    5,835Auf GitHub ansehen↗

    Remarkable is an extensible Markdown parser library that implements the CommonMark specification and supports GitHub Flavored Markdown through configurable rule presets. Its core architecture separates parsing into distinct inline and block rule pipelines, enabling targeted customization of text-level and structural syntax while maintaining consistent behavior across standard Markdown features. The parser is built around a plugin-based rule system where individual syntax rules can be toggled, extended, or replaced by external plugins. A preset configuration system allows users to switch betwe

    Provides a callback hook on fenced code blocks for delegating syntax highlighting to external libraries.

    JavaScriptcommonmarkcompiledocusaurus
    Auf GitHub ansehen↗5,835
  • ckeditor/ckeditor4Avatar von ckeditor

    ckeditor/ckeditor4

    5,817Auf GitHub ansehen↗

    CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly in the browser. It operates on a plugin-based architecture with a configurable toolbar system, DOM-based content editing, and an event-driven lifecycle, all delivered through a CDN-based distribution model. The editor supports skin-based theming and includes a legacy plugin compatibility layer for backward compatibility. The editor distinguishes itself as a cross-platform framework that integrates natively with Angular, React, Vue, Electron, Android, and iOS environments. It of

    Displays code listings with syntax highlighting for improved readability.

    Rich Text Formatckeditorckeditor4contenteditable
    Auf GitHub ansehen↗5,817
  • pbek/qownnotesAvatar von pbek

    pbek/QOwnNotes

    5,792Auf GitHub ansehen↗

    QOwnNotes is a desktop note editor that stores each note as a plain-text Markdown file on the local filesystem, avoiding proprietary formats and enabling direct file access. It functions as a Nextcloud Notes client, syncing notes and metadata with Nextcloud or ownCloud servers through a companion API service for versioning and sharing. The application also integrates with AI providers and exposes a local MCP server for external agents to search and fetch notes, and includes a companion browser extension for capturing web content, bookmarks, and screenshots. The editor distinguishes itself thr

    Highlights inline code with backticks and displays multi-line code blocks fenced by triple backticks.

    C++
    Auf GitHub ansehen↗5,792
  • googlearchive/code-prettifyAvatar von googlearchive

    googlearchive/code-prettify

    5,767Auf GitHub ansehen↗

    Code-prettify ist ein browserbasiertes Tool und HTML-Syntax-Highlighter, der Codeblöcken auf Webseiten visuelle Formatierung und Zeilennummern hinzufügt. Es fungiert als clientseitiger Code-Formatter und als anpassbare Lexer-Bibliothek zur Definition sprachspezifischer Hervorhebungsregeln. Das System ermöglicht die Erstellung benutzerdefinierter Lexer, um Syntax-Hervorhebung für proprietäre oder ungewöhnliche Programmiersprachen bereitzustellen. Die visuelle Präsentation wird durch benutzerdefiniertes Code-Styling und die Integration externer CSS-Stylesheets zur Definition von Farben und Schriftarten verwaltet. Das Projekt bietet automatische Syntax-Hervorhebung und sequentielle Zeilennummerierung für in HTML eingebettete Quellcode-Snippets. Es unterstützt das Hinzufügen von benutzerdefinierter Sprachunterstützung und das Styling technischer Dokumentationen.

    Adds readable syntax highlighting to source code snippets embedded in HTML pages for better readability.

    JavaScript
    Auf GitHub ansehen↗5,767
  • notionx/react-notion-xAvatar von NotionX

    NotionX/react-notion-x

    5,421Auf GitHub ansehen↗

    react-notion-x ist eine React-basierte Rendering-Engine und ein TypeScript-Client, die darauf ausgelegt sind, Notion-API-Daten in formatierte Webseiten und Komponenten umzuwandeln. Es fungiert als Content-Parser und Renderer, der Notion-API-Antworten abruft, normalisiert und in konsistente Datenstrukturen für die Anzeige verarbeitet. Das Projekt enthält ein Utility, um komplexe Notion-Seiteninhalte und Blockstrukturen in einfachen Markdown-Text umzuwandeln. Um die Performance aufrechtzuerhalten, nutzt es ein Lazy-Loading-Interface, das das Laden schwerer Elemente wie PDFs und mathematischer Gleichungen verzögert. Der Renderer unterstützt eine breite Palette von Inhaltstypen, einschließlich Codeblöcken mit Syntax-Highlighting, Datensammlungen und eingebetteten Dokumenten. Er bietet Funktionen für den Zugriff auf öffentliche und private Seiten und beinhaltet Bildoptimierungstechniken wie Platzhalter niedriger Qualität.

    Renders code snippets with automatic syntax highlighting for various programming languages.

    TypeScriptnextjsnotionnotion-api
    Auf GitHub ansehen↗5,421
  • hiroppy/fusumaAvatar von hiroppy

    hiroppy/fusuma

    5,371Auf GitHub ansehen↗

    Fusuma ist ein Markdown-Präsentations-Framework und ein statischer Slide-Generator, der Markdown- und MDX-Dateien in strukturierte Foliensätze für webbasierte Präsentationen umwandelt. Es fungiert als technischer Content-Renderer und interaktives Präsentationstool, das die Erstellung von Folien aus textbasierten Quelldateien ermöglicht. Das Projekt zeichnet sich als Suite für Vortragende aus und bietet Tools für die Präsentationsprobe wie Sprachaufzeichnung, Timing-Analyse und Proben-Zeitpläne. Es enthält eine dedizierte Ansicht für Vortragende mit Sprechernotizen und unterstützt Echtzeit-Folien-Annotationen sowie Live-Kommentar-Streaming, um die Einbindung des Publikums zu erleichtern. Die Plattform deckt ein breites Spektrum an technischen Rendering-Funktionen ab, einschließlich mathematischer Gleichungen, Flussdiagrammen und syntax-hervorgehobenen Codeblöcken. Sie bietet zudem interaktive Komponenten-Einbettung, Live-Bildschirmaufnahme und die Möglichkeit, Foliensätze als PDF-Dokumente zu exportieren. Die Bereitstellung wird durch Automatisierung für statische Hosting-Umgebungen unterstützt, insbesondere einschließlich GitHub Pages.

    Provides syntax highlighting for source code blocks using customizable themes and language support.

    JavaScripta11ykeynotemarkdown
    Auf GitHub ansehen↗5,371
Vorherige123Nächste
  1. Home
  2. User Interface & Experience
  3. Presentation Frameworks
  4. Code Presentation Utilities
  5. Code Line Highlighting
  6. Syntax Highlighting

Unter-Tags erkunden

  • Code Block Highlighting Hooks1 Sub-TagCallback interfaces on fenced code blocks that delegate highlighting to external libraries. **Distinct from Syntax Highlighting:** Distinct from Syntax Highlighting: focuses on the hook/callback mechanism for external highlighters, not the highlighting itself.
  • PEG-BasedApplying visual styles to source code using Parsing Expression Grammars for structured language identification. **Distinct from Syntax Highlighting:** Specifically uses PEGs for grammar-based identification rather than basic keyword-based styles.