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 is a schema-driven UI framework and web-based editor used to generate interactive forms and validate JSON data. It translates JSON Schema specifications into a hierarchy of HTML form elements, allowing users to manipulate complex JSON structures through a structured interface rather than raw text. The framework differentiates itself through a plugin-based extension system that supports custom resolver functions and the integration of specialized editors, such as WYSIWYG, Markdown, and syntax-highlighted code editors. It employs recursive schema resolution to handle nested definiti

Platform هو إطار عمل لبناء تطبيقات المكاتب الخلفية ولوحات التحكم الإدارية باستخدام Laravel. يعمل كإطار عمل لواجهة المستخدم يعتمد على المخطط ومولد CRUD يقوم تلقائياً بإنشاء واجهات إدارة قواعد البيانات، ونماذج الإدخال، وقواعد التحقق من تعريفات النماذج البرمجية. تتميز المنصة بمجموعة أدوات واجهة مستخدم خلفية شاملة تدعم التقاط البيانات المتقدم، بما في ذلك تعيين الإحداثيات الجغرافية، ومصفوفات بيانات JSON الجدولية، وتتبع البيانات الوصفية للتسويق. تتميز بنظام قوي للتحكم في الوصول القائم على الأدوار لإدارة رؤية الموارد وحماية المسارات، إلى جانب تنفيذ بحث كامل النص عالمي يقوم بفهرسة البيانات عبر نماذج متعددة. تغطي المنصة مجموعة واسعة من القدرات، بما في ذلك تحميل البيانات غير المتزامن، وأنظمة الإشعارات متعددة القنوات، ومكتبة من مكونات النماذج المتخصصة للنصوص الغنية وإدارة الملفات. كما توفر أدوات لتصور البيانات من خلال تجميع النماذج والرسوم البيانية، بالإضافة إلى أدوات لتحديث الصفحات الجزئي لمحاكاة تجربة تطبيق الصفحة الواحدة. تسمح خيارات التكامل بربط وحدات التحكم الحالية والقوالب القديمة لتسهيل ترحيل الميزات تدريجياً إلى إطار العمل.

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

هذا المشروع عبارة عن غلاف React لـ Monaco Editor، يوفر مجموعة من مكونات الواجهة القابلة لإعادة الاستخدام لتضمين محررات كود كاملة الميزات تعتمد على المتصفح وأدوات تصور الفرق جنباً إلى جنب. يتيح دمج محرر نصوص مع تمييز الصيغة ودعم لغات متعددة مباشرة في تطبيقات الويب. تتضمن المكتبة عارض فرق كود مخصص يستفيد من محرك فرق Monaco لتصور التغييرات بين إصدارين مختلفين من مقتطفات الكود. يوفر وصولاً برمجياً إلى مثيلات المحرر الأساسية ويدير دورة حياة التشغيل للمحرر، بما في ذلك التهيئة والتنظيف. يغطي التنفيذ إدارة حالة المحرر، والتكوين القائم على الدعائم للسمات والأبعاد، ومزامنة أحداث تغيير المحرر مع حالة التطبيق.

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