45 Repos
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.
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.
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.
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.
: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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.