11 Repos
UI components that display highlighted differences between file versions to facilitate code review.
Distinct from Syntax Highlighters: The candidates focus on syntax highlighting of a single file rather than the visual comparison of two versions.
Explore 11 awesome GitHub repositories matching user interface & experience · Code Diff Visualizers. Refine with filters or upvote what's useful.
Code Surfer is a web-based code slide framework and presentation tool designed for creating technical slides. It functions as a code animation library and diff visualizer that enables the rendering of source code with animated transitions, zooming, and highlighting. The project focuses on visualizing code evolution through state morphing and diff animations. It uses coordinate-based view transitions and smooth scrolls to guide viewers through changes between different code versions across a slide deck. The framework provides capabilities for attention management via line-level focus, section
Renders visual differences between code versions to illustrate evolution across sequential presentation steps.
SourceGit ist ein plattformübergreifender Desktop-Git-GUI-Client und ein Versionskontrolltool, das mit Windows, macOS und Linux kompatibel ist. Es bietet eine grafische Benutzeroberfläche zum Klonen, Mergen und Analysieren von Codeänderungen und fungiert als visueller Manager für Git-Repositories. Die Anwendung enthält einen KI-gestützten Commit-Generator zum Entwerfen standardisierter Commit-Nachrichten sowie einen Pull-Request-Manager zum Initiieren und Verwalten von Merges über Web-APIs unterstützter Hosting-Dienste. Die Software deckt umfassende Versionskontrollfunktionen ab, einschließlich fortgeschrittener Operationen wie interaktives Rebase, Cherry-Picking und Submodul-Management. Sie bietet eine graphbasierte Historienvisualisierung für die Blame-Analyse sowie Side-by-Side-Diff-Rendering für den visuellen Codevergleich. Das System integriert sich in externe Texteditoren und enthält eine Kommandozeilenschnittstelle zum Auslösen spezifischer Anwendungsansichten und Tools aus dem Terminal.
Provides UI components for analyzing differences between file versions using highlighted side-by-side comparisons.
Neogit is a visual Git version control client designed for managing repositories through staging, committing, pushing, and merging. It provides a suite of tools for inspecting code differences, visualizing commit history via a graphical branch tree, and automating event-based workflows. The project features a workflow automation system that triggers custom logic and notifications based on repository events, such as branch creation or pushes. It also includes utilities for generating direct deep-links to commits, pull requests, and file structures on remote version control hosting providers.
Compares file versions using visual highlights and word-level diffs to identify exact changes in source code.
Codehike ist ein React-basiertes Dokumentations-Framework und Tool für interaktive Code-Walkthroughs. Es fungiert als Markdown-Content-Orchestrator, der annotiertes Markdown in strukturierte Daten und React-Komponenten umwandelt und als Visualisierungsebene für das Hervorheben von Code-Bereichen, Diffs und Compiler-Fehlern dient. Das Projekt zeichnet sich durch die Fähigkeit aus, „Scrollycoding“-Erlebnisse und schrittweise technische Tutorials zu erstellen. Es bietet Animationen auf Token-Ebene, die visuell demonstrieren, wie sich Logik zwischen Code-Versionen entwickelt, und ermöglicht die Synchronisierung des UI-Zustands mit der Scroll-Position des Browsers. Das Framework deckt eine breite Palette an Visualisierungsfunktionen ab, darunter Code-Slideshows, Spotlight-Layouts und Code-Blöcke mit Tabs. Es unterstützt detaillierte Code-Annotationen durch Tooltips, Callouts und Fußnoten sowie funktionale Hilfsmittel wie Sprachumschalter, Code-Transpilierung und die Integration von Echtzeit-Compiler-Daten. Das System nutzt schema-basierte Validierung, um Typsicherheit und Konsistenz für die aus Markdown-Dateien extrahierten strukturierten Daten zu gewährleisten.
Highlights inserted and deleted lines to visually represent changes between code versions.
monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to
Provides a UI component to display highlighted differences between file versions for source code review.
OpenHub is an Android application designed for managing GitHub repositories, issues, and pull requests. It provides a mobile interface for open-source contribution, allowing users to monitor project evolution and track repository activity. The application features multi-account authentication, enabling users to switch between different authenticated sessions and profiles within a single instance. It also includes a mobile code review system for browsing source code and inspecting file differences. The platform covers a broad range of collaborative capabilities, including issue tracking with
Provides UI components that highlight additions and deletions between file versions for mobile code review.
Diaphora ist ein Binär-Diffing-Tool und eine Ähnlichkeits-Engine, die entwickelt wurde, um kompilierte Binärdateien zu vergleichen und geänderte oder übereinstimmende Codeabschnitte zu identifizieren. Es fungiert als Reverse-Engineering-Plugin, das Beziehungen zwischen Funktionen abbildet und Kompilierungseinheiten mittels Assembler-Analyse und Graphentheorie erkennt. Das Projekt ist auf die Analyse von Sicherheits-Patches spezialisiert und ermöglicht es Benutzern, Sicherheitskorrekturen durch den Vergleich verschiedener Versionen einer Binärdatei zu erkennen. Es synchronisiert Analyse-Metadaten, wie Symbolnamen und Kommentare, zwischen Binärdateien und generiert Patches durch den Vergleich von dekompiliertem Pseudocode. Die Engine nutzt Kontrollflussgraphen und heuristisches Matching, um Ähnlichkeitsverhältnisse zwischen Funktionen zu berechnen. Zu den weiteren Fähigkeiten gehören das Abbilden von Aufruf-Graphen, das Identifizieren von Objektdatei-Grenzen und die Verwaltung des Analysestatus über eine relationale Datenbank, um groß angelegte Querverweise zu erleichtern.
Generates pseudo-code patches by visually comparing decompiled code with syntax highlighting.
Fuwari is a static site theme and markdown content framework designed for personal blog publishing. It provides a responsive visual template that renders markdown posts with a built-in dark mode and customizable colors. The project distinguishes itself through a set of markdown extensions that add rich UI elements to articles, including callout blocks, dynamic repository cards that fetch live data via API, and advanced code styling with diff support and line numbering. It also includes a full-text site search mechanism to allow visitors to locate specific information across the blog's content
Provides syntax highlighting for code differences to visually indicate additions and removals.
This project is a JetBrains IDE plugin that integrates large language model coding assistants directly into the development environment. It provides a visual interface for generating, refining, and refactoring source code through an integrated coding assistance system. The plugin features an agent workflow orchestrator that executes multi-step programming tasks using external tool servers and specialized command shortcuts. It includes a visual code diff tool for analyzing and navigating changes between different versions of AI-generated code across multiple files. The system manages AI conve
Ships visual components that highlight differences between file versions to facilitate the review of AI-generated changes.
diff2html is a Git diff visualization library that transforms unified diff text into structured HTML. It serves as a renderer for visualizing code changes in web browsers, providing components to inject stylized diff visualizations and collapsible file lists directly into web page elements. The library enables both side-by-side and line-by-line code comparisons. It includes a syntax highlighting diff viewer that applies language-specific color coding to source code based on file extensions or manual mappings. To maintain alignment during reviews, the project implements synchronized scrolling
Applies syntax highlighting to code within diffs using file extensions or manual language mappings.
This project provides a comprehensive guide and framework for implementing autonomous AI coding assistants within local development environments. It focuses on orchestrating multi-agent teams that can plan, execute, and verify complex software engineering tasks, such as refactoring, bug resolution, and test generation, while maintaining deep awareness of project-specific context and memory. The system distinguishes itself through a robust security-first architecture that enforces granular access controls, execution isolation, and mandatory human-in-the-loop approvals for all file modification
Displays proposed code changes in a native comparison view for review and application.