45 repositorios
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 es un generador de presentaciones en markdown y generador de sitios estáticos que transforma archivos fuente markdown en presentaciones interactivas basadas en web. Consiste en una herramienta de compilación de línea de comandos y un runtime frontend especializado utilizado para entregar presentaciones en un navegador web. El proyecto cuenta con un runtime de presentación de doble pantalla que sincroniza la vista de la audiencia con un monitor privado de notas del orador. Emplea un pipeline de markdown basado en plugins y un sistema de transformación DOM de post-procesamiento para convertir sintaxis personalizada en contenido HTML estructurado. El framework admite la generación de contenido técnico, incluyendo renderizado de fórmulas matemáticas, resaltado de sintaxis de código e incrustación de diagramas interactivos. Proporciona un sistema de layout para diseños de rejilla y tarjetas, efectos de movimiento visual y visualizaciones basadas en datos. Se incluye un servidor de desarrollo local para iteración en tiempo real, y se proporciona una utilidad para exportar presentaciones como documentos PDF.
Automatically applies visual styles to code blocks to differentiate language keywords and structures.
Swagger Editor es una herramienta de autoría basada en web y entorno de desarrollo utilizado para diseñar, documentar y validar especificaciones de API. Admite específicamente la especificación OpenAPI, proporcionando una interfaz de navegador para escribir esquemas de API y verificar su estructura. La herramienta cuenta con renderizado en tiempo real que produce una vista previa visual de la documentación de la API a medida que se edita la especificación. Incluye resaltado de sintaxis basado en esquemas estandarizados para mejorar la legibilidad de las definiciones de API. El editor admite la importación de especificaciones desde archivos, URLs externas o fixtures de ejemplo y persiste el estado actual en el almacenamiento local para evitar la pérdida de datos. Se distribuye como una imagen de contenedor, incluyendo una versión no root para reducir la superficie de ataque de seguridad durante la implementación.
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 es una biblioteca de referencia técnica que proporciona una colección curada de fragmentos de código y patrones de implementación para el desarrollo avanzado en Python, integración de sistemas y computación de alto rendimiento. Sirve como una guía completa para implementar programación de red de bajo nivel, extensiones nativas en C y programación asíncrona y concurrente. El proyecto proporciona frameworks especializados para el desarrollo y despliegue de modelos de lenguaje de gran tamaño, incluyendo herramientas para inferencia distribuida en GPU y servicio de alto rendimiento. También incluye patrones detallados para la orquestación de clústeres de computación de alto rendimiento, cubriendo la asignación de recursos de GPU y la gestión de cargas de trabajo en múltiples nodos. La biblioteca cubre una amplia superficie de capacidades, incluyendo comunicación de red segura y criptografía, mapeo objeto-relacional y gestión de bases de datos, y la implementación de estructuras de datos y algoritmos complejos. También proporciona utilidades para la gestión de memoria, interoperabilidad nativa a través de interfaces de funciones externas e integración de sistemas operativos a nivel de sistema.
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 es un editor de texto markdown y herramienta de gestión del conocimiento diseñado como un lienzo de documentos interactivo. Funciona como un sistema de toma de notas en red para organizar información mediante wiki-links, hashtags y repositorios de archivos locales, mientras integra un asistente de escritura de IA para la generación y finalización automatizada de texto. El proyecto se distingue por sus capacidades de diagramación multi-motor, que renderizan sintaxis basada en texto en visuales usando Mermaid, PlantUML y ECharts. Emplea un framework de plugins extensible que permite la adición de elementos de UI y características personalizadas a través de módulos de JavaScript y ganchos de eventos. La aplicación cubre una amplia gama de capacidades de autoría de contenido y técnicas, incluyendo renderizado de matemáticas LaTeX, ejecución de código integrada y la generación de presentaciones de diapositivas interactivas. Proporciona una organización avanzada de documentos a través de visualizaciones de grafos de conocimiento e incluye utilidades para el cifrado de documentos, seguimiento de versiones y conversión de formatos impulsada por backend. La aplicación puede iniciarse con puertos, directorios de datos y modos de acceso personalizados utilizando parámetros de línea de comandos.
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 es un esquema de colores basado en Lua para NeoVim que proporciona un tema visual de alto contraste basado en una paleta de colores de arte tradicional japonés. Funciona como un sistema de estilo integral para el editor, aplicando resaltado de sintaxis semántico a estructuras de código y plugins. El proyecto cuenta con un sistema para cambiar entre diferentes variantes de iluminación, como modos cálido, oscuro profundo y claro. Incluye utilidades para personalizar colores de paleta específicos y grupos de resaltado, así como la capacidad de exportar definiciones de color a emuladores de terminal externos y shells para la sincronización entre aplicaciones. El tema está construido sobre una abstracción de color basada en paleta y utiliza compilación de bytecode para reducir los tiempos de carga durante el inicio del editor. Emplea un sistema de codificación de color granular con sobrescrituras semánticas para gestionar la apariencia de elementos integrados y plugins del editor.
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 es una herramienta basada en navegador y resaltador de sintaxis HTML que añade formato visual y números de línea a bloques de código sin procesar en páginas web. Funciona como un formateador de código del lado del cliente y una librería de lexer personalizable para definir reglas de resaltado específicas del lenguaje. El sistema permite la creación de lexers personalizados para proporcionar resaltado de sintaxis para lenguajes de programación propietarios o poco comunes. La presentación visual se gestiona a través de estilos de código personalizados y la integración de hojas de estilo CSS externas para definir colores y fuentes. El proyecto proporciona resaltado de sintaxis automático y numeración de líneas secuencial para fragmentos de código fuente incrustados en HTML. Admite la adición de soporte para lenguajes personalizados y el estilo de la documentación técnica.
Adds readable syntax highlighting to source code snippets embedded in HTML pages for better readability.
react-notion-x es un motor de renderizado basado en React y cliente TypeScript diseñado para transformar datos de la API de Notion en páginas web y componentes formateados. Funciona como un analizador y renderizador de contenido que obtiene, normaliza y procesa respuestas de la API de Notion en estructuras de datos consistentes para su visualización. El proyecto incluye una utilidad para transformar contenido complejo de páginas de Notion y estructuras de bloques en markdown de texto plano. Para mantener el rendimiento, utiliza una interfaz de carga diferida (lazy-loading) que difiere la carga de elementos pesados como PDFs y ecuaciones matemáticas. El renderizador admite una amplia gama de tipos de contenido, incluyendo bloques de código con resaltado de sintaxis, colecciones de datos y documentos incrustados. Proporciona capacidades para acceder tanto a páginas públicas como privadas e incluye técnicas de optimización de imágenes como marcadores de posición de baja calidad.
Renders code snippets with automatic syntax highlighting for various programming languages.
Fusuma es un framework de presentación markdown y generador de diapositivas estáticas que transforma archivos Markdown y MDX en mazos de diapositivas estructurados para presentaciones basadas en web. Funciona como un renderizador de contenido técnico y una herramienta de presentación interactiva, permitiendo la creación de diapositivas a partir de archivos fuente basados en texto. El proyecto se distingue como una suite de entrega para oradores, proporcionando herramientas para el ensayo de presentaciones como grabación de voz, análisis de tiempo y cronogramas de ensayo. Incluye una vista de presentador dedicada con notas del orador y admite anotaciones de diapositivas en tiempo real y transmisión de comentarios en vivo para facilitar la participación de la audiencia. La plataforma cubre una amplia gama de capacidades de renderizado técnico, incluyendo ecuaciones matemáticas, diagramas de flujo y bloques de código con resaltado de sintaxis. También cuenta con incrustación de componentes interactivos, captura de pantalla en vivo y la capacidad de exportar mazos de diapositivas como documentos PDF. El despliegue es compatible a través de la automatización para entornos de alojamiento estático, incluyendo específicamente GitHub Pages.
Provides syntax highlighting for source code blocks using customizable themes and language support.