2 repositorios
UI layers that provide advanced visual highlighting of code ranges, diffs, and compiler errors within web interfaces.
Distinct from Code Visualizers: Focuses on the holistic visualization layer for code documentation, whereas candidates focus on narrow tasks like line highlighting or general dependency graphs.
Explore 2 awesome GitHub repositories matching user interface & experience · Code Syntax Visualizers. Refine with filters or upvote what's useful.
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.
Provides a specialized visualization layer for highlighting code ranges, diffs, and compiler errors in web-based code blocks.
Shellharden es una herramienta de endurecimiento (hardening) y linter para scripts de shell, diseñada para mejorar la seguridad y fiabilidad de los scripts de Bash. Funciona como una utilidad automatizada que reescribe scripts para seguir los estándares de la industria en cuanto a entrecomillado y prácticas de seguridad. El proyecto proporciona un optimizador y estandarizador que reemplaza patrones inseguros y alias por equivalentes funcionales más seguros. Incluye un resaltador de sintaxis que utiliza marcadores visuales y coloración para indicar vulnerabilidades y áreas donde se requieren correcciones de entrecomillado. La herramienta cubre una amplia gama de capacidades, incluyendo remediación de seguridad automatizada, detección de vulnerabilidades y detección de errores en scripts. Estas características garantizan la conformidad del script mediante la reescritura automatizada y la validación estructural de la sintaxis.
Provides a UI layer that visually highlights code ranges and vulnerabilities within the script.