11 dépôts
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 est un client Git GUI de bureau multiplateforme et un outil de contrôle de version compatible avec Windows, macOS et Linux. Il fournit une interface utilisateur graphique pour cloner, fusionner et analyser les changements de code, agissant comme un gestionnaire visuel pour les dépôts Git. L'application inclut un générateur de commit propulsé par IA pour rédiger des messages de commit standardisés et un gestionnaire de pull request pour initier et gérer les fusions à travers les services d'hébergement pris en charge via des API web. Le logiciel couvre de larges capacités de contrôle de version, incluant des opérations avancées telles que le rebase interactif, le cherry-picking et la gestion de sous-modules. Il dispose d'une visualisation de l'historique basée sur des graphes pour l'analyse de blame et un rendu de diff côte à côte pour la comparaison visuelle de code. Le système s'intègre avec des éditeurs de texte externes et inclut une interface en ligne de commande pour déclencher des vues et outils d'application spécifiques depuis le 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 est un framework de documentation basé sur React et un outil de walkthrough de code interactif. Il fonctionne comme un orchestrateur de contenu markdown qui transforme le markdown décoré en données structurées et en composants React, servant de couche de visualisation pour mettre en évidence des plages de code, des diffs et des erreurs de compilation. Le projet se distingue par sa capacité à créer des expériences de "scrollycoding" et des tutoriels techniques étape par étape. Il propose des animations au niveau des tokens qui démontrent visuellement l'évolution de la logique entre les versions de code et fournit un système pour synchroniser l'état de l'UI avec la position de défilement du navigateur. Le framework couvre un large éventail de capacités de visualisation, incluant la création de diaporamas de code, des mises en page en surbrillance et des blocs de code à onglets. Il supporte l'annotation détaillée via des tooltips, des callouts et des notes de bas de page, ainsi que des utilitaires fonctionnels comme des sélecteurs de langage, la transpilation de code et l'intégration de données de compilation en temps réel. Le système utilise une validation basée sur des schémas pour garantir la sécurité des types et la cohérence des données extraites des fichiers 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 est un outil de diff binaire et un moteur de similarité conçu pour comparer des binaires compilés et identifier les sections de code modifiées ou correspondantes. Il fonctionne comme un plugin d'ingénierie inverse qui établit des relations entre les fonctions et détecte les unités de compilation en utilisant l'analyse d'assembleur et la théorie des graphes. Le projet se spécialise dans l'analyse de correctifs de vulnérabilité, permettant aux utilisateurs de détecter les correctifs de sécurité en comparant différentes versions d'un binaire. Il synchronise les métadonnées d'analyse, telles que les noms de symboles et les commentaires, entre les binaires et génère des correctifs en comparant le pseudo-code décompilé. Le moteur utilise des graphes de flux de contrôle et une correspondance heuristique pour calculer les ratios de similarité entre les fonctions. Ses capacités plus larges incluent la cartographie des graphes d'appels, l'identification des limites des fichiers objets et la gestion de l'état d'analyse via une base de données relationnelle pour faciliter le référencement croisé à grande échelle.
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.
Ce projet fournit un guide et un framework complets pour implémenter des assistants de codage IA autonomes au sein d'environnements de développement locaux. Il se concentre sur l'orchestration d'équipes multi-agents capables de planifier, exécuter et vérifier des tâches d'ingénierie logicielle complexes, telles que le refactoring, la résolution de bugs et la génération de tests, tout en maintenant une conscience profonde du contexte et de la mémoire spécifiques au projet. Le système se distingue par une architecture robuste axée sur la sécurité qui impose des contrôles d'accès granulaires, l'isolation de l'exécution et des approbations humaines obligatoires (human-in-the-loop) pour toutes les modifications de fichiers et les appels d'outils externes. Il prend en charge une automatisation sophistiquée des flux de travail en permettant aux développeurs de définir des compétences personnalisées réutilisables et des instructions hiérarchiques qui persistent à travers les sessions, garantissant un comportement cohérent et une rétention des connaissances tout au long du cycle de vie du développement logiciel. Au-delà de l'automatisation de base, la plateforme offre des outils d'observabilité et de gestion étendus, incluant le suivi de l'utilisation des jetons en temps réel, la visualisation interactive des diffs de code et la surveillance des sessions en arrière-plan. Elle s'intègre directement dans les flux de travail basés sur le terminal et prend en charge divers fournisseurs d'intelligence artificielle, permettant aux utilisateurs d'optimiser les performances et les coûts opérationnels via la sélection de modèles et des ajustements de raisonnement spécifiques aux tâches. Le dépôt sert à la fois de ressource éducative pour maîtriser le développement intégré à l'IA et de boîte à outils fonctionnelle pour déployer des agents autonomes qui opèrent au sein de frontières de sécurité définies.
Displays proposed code changes in a native comparison view for review and application.