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 एक स्कीमा-ड्रिवन UI फ्रेमवर्क और वेब-आधारित एडिटर है जिसका उपयोग इंटरैक्टिव फॉर्म बनाने और JSON डेटा को सत्यापित करने के लिए किया जाता है। यह JSON स्कीमा स्पेसिफिकेशन्स को HTML फॉर्म एलिमेंट्स के पदानुक्रम में अनुवादित करता है, जिससे यूज़र्स को रॉ टेक्स्ट के बजाय एक संरचित इंटरफ़ेस के माध्यम से जटिल JSON संरचनाओं में हेरफेर करने की अनुमति मिलती है। यह फ्रेमवर्क एक प्लगइन-आधारित एक्सटेंशन सिस्टम के माध्यम से खुद को अलग करता है जो कस्टम रिज़ॉल्वर फंक्शन्स और विशेष एडिटर्स के एकीकरण का समर्थन करता है। यह प्रोजेक्ट बिडायरेक्शनल डेटा बाइंडिंग, ग्रिड और टैब्स के लिए एरे और ऑब्जेक्ट लेआउट मैनेजमेंट और डायनामिक फील्ड सिंकिंग जैसी व्यापक क्षमताएं प्रदान करता है।

Platform, Laravel का उपयोग करके बैक-ऑफिस एप्लिकेशन और प्रशासनिक डैशबोर्ड बनाने के लिए एक फ्रेमवर्क है। यह एक स्कीमा-संचालित UI फ्रेमवर्क और CRUD जनरेटर के रूप में कार्य करता है जो प्रोग्रामेटिक मॉडल परिभाषाओं से स्वचालित रूप से डेटाबेस मैनेजमेंट इंटरफेस, इनपुट फॉर्म और वैलिडेशन नियम बनाता है। यह प्रोजेक्ट एक व्यापक बैकएंड UI किट के माध्यम से खुद को अलग बनाता है जो भौगोलिक निर्देशांक मैपिंग, टैबुलर 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

This project is a React wrapper for the Monaco Editor, providing a set of reusable interface components for embedding full-featured, browser-based code editors and side-by-side difference visualization tools. It enables the integration of a text editor with syntax highlighting and multi-language support directly into web applications. The library includes a dedicated code diff viewer that leverages the Monaco diff engine to visualize changes between two different versions of code snippets. It provides programmatic access to the underlying editor instances and manages the operational lifecycle

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