Awesome GitHub RepositoriesCode Editor Components

CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow

Sandpack is a browser-based toolkit for building live code editing experiences. It combines a custom Node.js runtime that executes JavaScript and npm dependencies entirely client-side with composable React components for assembling code editor interfaces, all within an iframe-sandboxed execution environment for security. The toolkit provides a hot-reload development workflow where file and dependency updates are streamed to the running preview and trigger automatic recompilation without a full page refresh. It includes a theme-override styling system for customizing the editor and preview app

JSON Editor es un framework de UI basado en esquemas y editor basado en web utilizado para generar formularios interactivos y validar datos JSON. Traduce especificaciones de JSON Schema en una jerarquía de elementos de formulario HTML, permitiendo a los usuarios manipular estructuras JSON complejas a través de una interfaz estructurada en lugar de texto crudo. El framework se diferencia por un sistema de extensión basado en plugins que soporta funciones de resolución personalizadas y la integración de editores especializados, como WYSIWYG, Markdown y editores de código con resaltado de sintaxis. Emplea resolución de esquemas recursiva para manejar definiciones anidadas e implementa validación condicional basada en estado utilizando lógica if-then-else. El proyecto proporciona una amplia gama de capacidades, incluyendo enlace de datos bidireccional, gestión de layout de objetos y arrays para rejillas y pestañas, y sincronización dinámica de campos mediante interpolación de plantillas. Su librería de componentes cubre entradas estándar junto con herramientas especializadas como selectores de color, selectores de fecha y hora, componentes de autocompletado e interfaces de carga de archivos. La interfaz soporta la localización de cadenas de UI e integra varios frameworks CSS para desacoplar la generación estructural de formularios del estilo visual.

Platform es un framework para construir aplicaciones de back-office y dashboards administrativos utilizando Laravel. Funciona como un framework de UI basado en esquemas y un generador de CRUD que construye automáticamente interfaces de gestión de bases de datos, formularios de entrada y reglas de validación a partir de definiciones de modelos programáticos. El proyecto se distingue por un kit de UI de backend integral que admite la captura de datos avanzada, incluyendo mapeo de coordenadas geográficas, matrices de datos JSON tabulares y seguimiento de metadatos de marketing. Cuenta con un robusto sistema de control de acceso basado en roles para gestionar la visibilidad de los recursos y la protección de rutas, junto con una implementación de búsqueda de texto completo global que indexa datos en múltiples modelos. La plataforma cubre una amplia gama de capacidades, incluyendo carga de datos asíncrona, sistemas de notificación multicanal y una librería de componentes de formulario especializados para texto enriquecido y gestión de archivos. También proporciona herramientas para la visualización de datos a través de agregación y gráficos de modelos, así como utilidades para la actualización parcial de páginas para simular una experiencia de aplicación de una sola página. Las opciones de integración permiten la conexión de controladores existentes y plantillas heredadas para facilitar una migración gradual de funciones al framework.

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

Este proyecto es un envoltorio de React para el editor Monaco, que proporciona un conjunto de componentes de interfaz reutilizables para integrar editores de código completos basados en navegador y herramientas de visualización de diferencias lado a lado. Permite la integración de un editor de texto con resaltado de sintaxis y soporte multilingüe directamente en aplicaciones web. La biblioteca incluye un visor de diferencias de código dedicado que aprovecha el motor de diferencias de Monaco para visualizar cambios entre dos versiones diferentes de fragmentos de código. Proporciona acceso programático a las instancias del editor subyacente y gestiona el ciclo de vida operativo del editor, incluyendo la inicialización y limpieza. La implementación cubre la gestión del estado del editor, configuración basada en props para temas y dimensiones, y la sincronización de eventos de cambio del editor con el estado de la aplicación.

Judge0 is an online code execution engine and multi-language compiler API designed to compile and run source code within isolated sandboxes. It functions as an asynchronous job processor that handles code submissions via a queue and provides a secure environment to run arbitrary programs while preventing unauthorized system access. The system distinguishes itself through a multi-stage compilation pipeline and a flexible execution model that supports both single-file submissions and multi-file program execution via archives. It employs an isolate-based sandboxing mechanism to enforce strict ha