11 repositorios
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 es un cliente GUI de Git de escritorio multiplataforma y herramienta de control de versiones compatible con Windows, macOS y Linux. Proporciona una interfaz gráfica de usuario para clonar, fusionar y analizar cambios de código, actuando como un gestor visual para repositorios Git. La aplicación incluye un generador de commits impulsado por IA para redactar mensajes de commit estandarizados y un gestor de pull requests para iniciar y gestionar fusiones a través de servicios de alojamiento compatibles mediante APIs web. El software cubre capacidades amplias de control de versiones, incluyendo operaciones avanzadas como rebase interactivo, cherry-picking y gestión de submódulos. Cuenta con visualización de historial basada en gráficos para análisis de culpa (blame) y renderizado de diff lado a lado para comparación visual de código. El sistema se integra con editores de texto externos e incluye una interfaz de línea de comandos para activar vistas y herramientas específicas de la aplicación desde la 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 es un framework de documentación basado en React y una herramienta interactiva para recorridos de código. Funciona como un orquestador de contenido markdown que transforma markdown decorado en datos estructurados y componentes de React, sirviendo como capa de visualización para resaltar rangos de código, diffs y errores de compilación. El proyecto destaca por su capacidad para crear experiencias de "scrollycoding" y tutoriales técnicos paso a paso. Cuenta con animaciones a nivel de token que demuestran visualmente cómo evoluciona la lógica entre versiones de código y proporciona un sistema para sincronizar el estado de la UI con la posición del scroll del navegador. El framework cubre una amplia gama de capacidades de visualización, incluyendo la creación de presentaciones de código, diseños de spotlight y bloques de código con pestañas. Admite anotaciones detalladas mediante tooltips, callouts y notas al pie, así como utilidades funcionales como selectores de lenguaje, transpilación de código e integración de datos de compiladores en tiempo real. El sistema utiliza validación basada en esquemas para garantizar la seguridad de tipos y la consistencia de los datos estructurados extraídos de archivos markdown.
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 es una herramienta de comparación binaria y motor de similitud diseñado para comparar binarios compilados e identificar secciones de código cambiadas o coincidentes. Funciona como un complemento de ingeniería inversa que mapea las relaciones entre funciones y detecta unidades de compilación utilizando análisis de ensamblador y teoría de grafos. El proyecto se especializa en el análisis de parches de vulnerabilidad, lo que permite a los usuarios detectar correcciones de seguridad comparando diferentes versiones de un binario. Sincroniza metadatos de análisis, como nombres de símbolos y comentarios, entre binarios y genera parches comparando pseudocódigo descompilado. El motor utiliza grafos de flujo de control y coincidencia heurística para calcular índices de similitud entre funciones. Sus capacidades más amplias incluyen el mapeo de grafos de llamadas, la identificación de límites de archivos de objetos y la gestión del estado de análisis a través de una base de datos relacional para facilitar la referencia cruzada a gran escala.
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.
Este proyecto proporciona una guía y un framework integral para implementar asistentes de codificación de IA autónomos dentro de entornos de desarrollo locales. Se centra en orquestar equipos de agentes múltiples que pueden planificar, ejecutar y verificar tareas complejas de ingeniería de software, como refactorización, resolución de errores y generación de pruebas, mientras mantienen una conciencia profunda del contexto y la memoria específicos del proyecto. El sistema se distingue por una arquitectura robusta centrada en la seguridad que aplica controles de acceso granulares, aislamiento de ejecución y aprobaciones obligatorias con intervención humana para todas las modificaciones de archivos y llamadas a herramientas externas. Admite la automatización de flujos de trabajo sofisticados permitiendo a los desarrolladores definir habilidades personalizadas y reutilizables e instrucciones jerárquicas que persisten a través de las sesiones, asegurando un comportamiento consistente y la retención de conocimiento a lo largo del ciclo de vida del desarrollo de software. Más allá de la automatización central, la plataforma ofrece herramientas extensas de observabilidad y gestión, incluyendo seguimiento del uso de tokens en tiempo real, visualización interactiva de diferencias de código (diffs) y monitoreo de sesiones en segundo plano. Se integra directamente en flujos de trabajo basados en terminal y admite diversos proveedores de inteligencia artificial, permitiendo a los usuarios optimizar el rendimiento y los costos operativos a través de la selección de modelos y ajustes de razonamiento específicos de la tarea. El repositorio sirve tanto como recurso educativo para dominar el desarrollo integrado con IA como un kit de herramientas funcional para desplegar agentes autónomos que operan dentro de límites de seguridad definidos.
Displays proposed code changes in a native comparison view for review and application.