59 مستودعات
Utilities for visually emphasizing specific lines of code within a presentation or documentation view.
Explore 59 awesome GitHub repositories matching user interface & experience · Code Line Highlighting. Refine with filters or upvote what's useful.
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
Emphasize specific lines or ranges within code blocks for clear technical demonstrations.
This project is a community-driven knowledge base that serves as a comprehensive guide for mastering version control operations and platform-specific workflows. It functions as a developer productivity resource, consolidating essential information on command-line operations, repository management, and advanced interface techniques into a single, version-controlled document. The guide distinguishes itself by providing actionable insights into platform-specific automation and navigation. It covers the use of keyboard shortcuts to accelerate daily tasks, the application of advanced search syntax
Generates direct links to specific lines of code for precise referencing.
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.
mdBook is a documentation build system and static site generator designed to compile collections of Markdown files into structured, navigable web-based books. It provides a comprehensive framework for managing technical documentation, featuring a hierarchical table of contents, integrated full-text search, and automated build processes that transform source content into ready-to-deploy HTML websites. The project distinguishes itself through a highly modular pipeline architecture that supports custom preprocessors and swappable rendering backends. This allows authors to intercept and modify co
Allows readers to toggle the visibility of hidden code lines via an interactive interface.
Tokei is a command-line utility designed to analyze the composition of software projects by calculating the volume of source code, comments, and blank lines. It provides detailed metrics on codebase size and structure, allowing users to audit project distribution across multiple programming languages. The tool distinguishes itself through high-performance analysis capabilities that handle complex syntax, including nested comments and string literals. It utilizes parallel directory traversal and memory-mapped file access to process large codebases efficiently, while employing a centralized con
Organizes output data by specific metrics to highlight the composition and distribution of a project.
Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat
Enhances code blocks with line numbering, filename titles, and one-click copy functionality.
Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored
Enhances code blocks with visual annotations, including syntax highlighting and dedicated copy buttons.
nodeppt هو مولد عروض تقديمية Markdown ومولد مواقع ثابتة يحول ملفات Markdown المصدرية إلى شرائح عرض تفاعلية قائمة على الويب. يتكون من أداة بناء بسطر الأوامر ووقت تشغيل واجهة أمامية متخصص يُستخدم لتقديم العروض التقديمية في متصفح الويب. يتميز المشروع بوقت تشغيل عرض تقديمي ثنائي الشاشة يزامن عرض الجمهور مع شاشة ملاحظات المتحدث الخاصة. ويستخدم خط أنابيب Markdown قائماً على المكونات الإضافية ونظام تحويل DOM للمعالجة اللاحقة لتحويل النحو المخصص إلى محتوى HTML مهيكل. يدعم إطار العمل توليد المحتوى التقني بما في ذلك عرض الصيغ الرياضية، وتسليط الضوء على نحو الكود، وتضمين الرسوم البيانية التفاعلية. ويوفر نظام تخطيط لتصميمات الشبكة والبطاقات، ومؤثرات حركية بصرية، وتصورات قائمة على البيانات. يتم تضمين خادم تطوير محلي للتكرار في الوقت الفعلي، ويتم توفير أداة لتصدير العروض التقديمية كمستندات PDF.
Automatically applies visual styles to code blocks to differentiate language keywords and structures.
go-swagger is a toolkit for working with Swagger/OpenAPI 2.0 specifications in Go. It generates server, client, and CLI code from a specification document, and can also produce a specification by scanning annotated Go source code. The project includes a static validation engine that checks documents against the schema and project-specific rules, and a specification transformation pipeline that resolves, flattens, and merges documents. The toolkit generates both client and server code from the same specification, ensuring consistency in request and response handling. It also produces a command
Produces Swagger/OpenAPI 2.0 specifications by scanning annotated Go source code.
Swagger Editor هو أداة تأليف قائمة على الويب وبيئة تطوير تستخدم لتصميم وتوثيق والتحقق من مواصفات API. يدعم بشكل خاص مواصفات OpenAPI، ويوفر واجهة متصفح لكتابة مخططات API والتحقق من هيكلها. تتميز الأداة بالعرض في الوقت الفعلي الذي ينتج معاينة مرئية لوثائق API أثناء تحرير المواصفات. تتضمن تمييز بناء الجملة بناءً على مخططات قياسية لتحسين قابلية قراءة تعريفات API. يدعم المحرر استيراد المواصفات من ملفات، أو عناوين URL خارجية، أو أمثلة ثابتة، ويحفظ الحالة الحالية في التخزين المحلي لمنع فقدان البيانات. يتم توزيعه كصورة حاوية، بما في ذلك إصدار غير جذري (non-root) لتقليل سطح الهجوم الأمني أثناء النشر.
Applies color coding to API specification keywords and structures based on standardized schemas.
Hexo Theme Butterfly is a visual template for Hexo that transforms Markdown content into a responsive website featuring card-based layouts. It functions as a technical content renderer capable of displaying complex data such as mathematical formulas, Mermaid diagrams, and interactive charts within blog posts. The interface is PWA enabled, utilizing service workers and manifest files to provide offline access and installation on mobile devices. The theme distinguishes itself through a wide array of specialized content rendering tools, including musical score rendering, chronological timelines,
Enhances code snippet readability with full-screen viewing and diagram integration.
: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 هي مكتبة مرجعية تقنية توفر مجموعة مختارة من مقتطفات التعليمات البرمجية وأنماط التنفيذ لتطوير Python المتقدم، وتكامل النظام، والحوسبة عالية الأداء. تعمل كدليل شامل لتنفيذ برمجة الشبكات منخفضة المستوى، وإضافات C الأصلية، والبرمجة غير المتزامنة والمتزامنة. يوفر المشروع أطر عمل متخصصة لتطوير ونشر نماذج اللغات الكبيرة، بما في ذلك أدوات لاستنتاج GPU الموزع والخدمة عالية الأداء. يتضمن أيضاً أنماطاً مفصلة لتنظيم مجموعات الحوسبة عالية الأداء، وتغطية تخصيص موارد GPU وإدارة عبء العمل متعدد العقد. تغطي المكتبة سطحاً واسعاً من القدرات، بما في ذلك اتصالات الشبكة الآمنة والتشفير، والتعيين الكائني-العلائقي وإدارة قواعد البيانات، وتنفيذ هياكل البيانات والخوارزميات المعقدة. كما توفر أدوات لإدارة الذاكرة، وقابلية التشغيل البيني الأصلية عبر واجهات الوظائف الخارجية، وتكامل نظام التشغيل على مستوى النظام.
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.
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
Provides selective line highlighting and dynamic transitions for source code blocks during presentations.
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.