awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesOpen-source alternativesSelf-hosted softwareBlogPlan du site
ProjetÀ proposHow we rankPresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

63 dépôts

Awesome GitHub RepositoriesCode Presentation Utilities

Features for formatting, highlighting, and selecting languages for code snippets in slides.

Explore 63 awesome GitHub repositories matching user interface & experience · Code Presentation Utilities. Refine with filters or upvote what's useful.

Awesome Code Presentation Utilities GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • hakimel/reveal.jsAvatar de hakimel

    hakimel/reveal.js

    71,731Voir sur GitHub↗

    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

    Highlight code changes sequentially by defining specific line ranges via data attributes.

    JavaScriptpresentationsslidesslideshow
    Voir sur GitHub↗71,731
  • tiimgreen/github-cheat-sheetAvatar de tiimgreen

    tiimgreen/github-cheat-sheet

    57,407Voir sur GitHub↗

    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.

    awesomeawesome-listgit
    Voir sur GitHub↗57,407
  • zadam/triliumAvatar de zadam

    zadam/trilium

    36,595Voir sur GitHub↗

    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
    Voir sur GitHub↗36,595
  • rust-lang/mdbookAvatar de rust-lang

    rust-lang/mdBook

    21,852Voir sur GitHub↗

    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.

    Rust
    Voir sur GitHub↗21,852
  • motion-canvas/motion-canvasAvatar de motion-canvas

    motion-canvas/motion-canvas

    18,182Voir sur GitHub↗

    Motion Canvas is a TypeScript-based framework for creating programmatic animations and motion graphics. It functions as a code-based animation tool that allows developers to define visual transitions, element properties, and timing through scripts rather than traditional timeline-based interfaces. The library renders frame-accurate motion graphics directly in the browser using web technologies. The project utilizes a virtual scene graph to manage visual objects and their transformations, which are then rendered to an HTML5 canvas. It employs generator functions to sequence animations and reac

    Provides a development environment for defining visual transitions and element properties through code.

    TypeScriptanimationpresentationvisualization
    Voir sur GitHub↗18,182
  • xampprocky/tokeiAvatar de XAMPPRocky

    XAMPPRocky/tokei

    14,601Voir sur GitHub↗

    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.

    Rustbadgeclicloc
    Voir sur GitHub↗14,601
  • shuding/nextraAvatar de shuding

    shuding/nextra

    13,842Voir sur GitHub↗

    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.

    TypeScriptmarkdownmdxnextjs
    Voir sur GitHub↗13,842
  • vanessa219/vditorAvatar de Vanessa219

    Vanessa219/vditor

    11,074Voir sur GitHub↗

    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.

    TypeScriptcommonmarkeditorgfm
    Voir sur GitHub↗11,074
  • ksky521/nodepptAvatar de ksky521

    ksky521/nodeppt

    10,352Voir sur GitHub↗

    nodeppt is a markdown presentation generator and static site generator that transforms markdown source files into interactive web-based slide decks. It consists of a command-line build tool and a specialized frontend runtime used to deliver presentations in a web browser. The project features a dual-screen presentation runtime that synchronizes the audience view with a private speaker notes monitor. It employs a plugin-based markdown pipeline and a post-processing DOM transformation system to convert custom syntax into structured HTML content. The framework supports technical content generat

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

    JavaScript
    Voir sur GitHub↗10,352
  • formidablelabs/spectacleAvatar de FormidableLabs

    FormidableLabs/spectacle

    10,136Voir sur GitHub↗

    Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

    Supports live coding demonstrations with real-time code execution directly within slides.

    TypeScriptkeynotepresentationreact
    Voir sur GitHub↗10,136
  • go-swagger/go-swaggerAvatar de go-swagger

    go-swagger/go-swagger

    9,989Voir sur GitHub↗

    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.

    Goapicode-generatorgo
    Voir sur GitHub↗9,989
  • swagger-api/swagger-editorAvatar de swagger-api

    swagger-api/swagger-editor

    9,453Voir sur GitHub↗

    Swagger Editor est un outil de création web et un environnement de développement utilisé pour concevoir, documenter et valider les spécifications d'API. Il prend spécifiquement en charge la spécification OpenAPI, fournissant une interface de navigateur pour écrire des schémas d'API et vérifier leur structure. L'outil dispose d'un rendu en temps réel qui produit une prévisualisation visuelle de la documentation API au fur et à mesure que la spécification est éditée. Il inclut une coloration syntaxique basée sur des schémas standardisés pour améliorer la lisibilité des définitions d'API. L'éditeur prend en charge l'importation de spécifications à partir de fichiers, d'URLs externes ou de fixtures d'exemple et persiste l'état actuel dans le stockage local pour éviter la perte de données. Il est distribué sous forme d'image conteneur, incluant une version non-root pour réduire la surface d'attaque lors du déploiement.

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

    JavaScript
    Voir sur GitHub↗9,453
  • jerryc127/hexo-theme-butterflyAvatar de jerryc127

    jerryc127/hexo-theme-butterfly

    8,316Voir sur GitHub↗

    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.

    JavaScriptbutterflyhexohexo-theme
    Voir sur GitHub↗8,316
  • fluid-dev/hexo-theme-fluidAvatar de fluid-dev

    fluid-dev/hexo-theme-fluid

    8,161Voir sur GitHub↗

    :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
    Voir sur GitHub↗8,161
  • crazyguitar/pysheeetAvatar de crazyguitar

    crazyguitar/pysheeet

    8,150Voir sur GitHub↗

    pysheeet est une bibliothèque de référence technique fournissant une collection organisée d'extraits de code et de modèles d'implémentation pour le développement Python avancé, l'intégration système et le calcul haute performance. Il sert de guide complet pour implémenter la programmation réseau de bas niveau, les extensions C natives, et la programmation asynchrone et concurrente. Le projet fournit des frameworks spécialisés pour le développement et le déploiement de grands modèles de langage, y compris des outils pour l'inférence GPU distribuée et le service haute performance. Il inclut également des modèles détaillés pour l'orchestration de clusters de calcul haute performance, couvrant l'allocation des ressources GPU et la gestion des charges de travail multi-nœuds. La bibliothèque couvre une large surface de capacités, y compris la communication réseau sécurisée et la cryptographie, l'ORM et la gestion de base de données, et l'implémentation de structures de données et d'algorithmes complexes. Elle fournit également des utilitaires pour la gestion de la mémoire, l'interopérabilité native via des interfaces de fonctions étrangères (FFI) et l'intégration au niveau du système d'exploitation.

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

    Python
    Voir sur GitHub↗8,150
  • markdoc/markdocAvatar de markdoc

    markdoc/markdoc

    8,060Voir sur GitHub↗

    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
    Voir sur GitHub↗8,060
  • bensadeh/tailspinAvatar de bensadeh

    bensadeh/tailspin

    7,875Voir sur GitHub↗

    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
    Voir sur GitHub↗7,875
  • mfontanini/presentermAvatar de mfontanini

    mfontanini/presenterm

    7,852Voir sur GitHub↗

    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.

    Rustclimarkdownmarkdown-slides
    Voir sur GitHub↗7,852
  • leerob/next-mdx-blogAvatar de leerob

    leerob/next-mdx-blog

    7,555Voir sur GitHub↗

    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
    Voir sur GitHub↗7,555
  • liangliangyy/djangoblogAvatar de liangliangyy

    liangliangyy/DjangoBlog

    7,397Voir sur GitHub↗

    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
    Voir sur GitHub↗7,397
Préc.123…4Suivant
  1. Home
  2. User Interface & Experience
  3. Presentation Frameworks
  4. Code Presentation Utilities

Explorer les sous-tags

  • Animated Code SlidersUI components that transition between a sequence of code snapshots via sliding animations. **Distinct from Code Highlight Animations:** Distinct from Code Highlight Animations: refers to the structural 'slider' metaphor for navigating code versions, not just highlighting specific areas.
  • Code Highlight Animations1 sous-tagAnimations specifically designed to highlight changes or focus areas within displayed source code.
  • Code Line Highlighting3 sous-tagsUtilities for visually emphasizing specific lines of code within a presentation or documentation view.
  • Live Code Execution1 sous-tagFeatures that allow real-time code execution and demonstration directly within presentation slides. **Distinct from Code Presentation Utilities:** Distinct from Code Presentation Utilities: enables live execution, not just formatting and highlighting.