Awesome GitHub RepositoriesCSS Class-Based

CodeMirror 5 is a browser-based code editor and extensible UI component. It functions as a syntax highlighting engine and a programmable text surface, providing a professional coding experience embedded within web pages. The project is distinguished by its ability to act as a collaborative text editor, synchronizing document changes across multiple users in real time. It also includes a dedicated Vim emulation layer that implements modal keyboard interactions, motions, and operators. The system covers broad capability areas including language support for autocompletion and error analysis, co

Code-prettify هو أداة تعتمد على المتصفح ومميز صيغة HTML يضيف تنسيقاً بصرياً وأرقام أسطر إلى كتل الكود الخام على صفحات الويب. يعمل كمنسق كود من جانب العميل ومكتبة محلل (lexer) قابلة للتخصيص لتحديد قواعد التمييز الخاصة باللغة. يسمح النظام بإنشاء محللات مخصصة لتوفير تمييز الصيغة للغات البرمجة المملوكة أو غير الشائعة. تتم إدارة العرض البصري من خلال تنسيق كود مخصص ودمج أوراق أنماط CSS خارجية لتحديد الألوان والخطوط. يوفر المشروع تمييزاً تلقائياً للصيغة وترقيماً تسلسلياً للأسطر لمقتطفات الكود المصدري المضمنة في HTML. يدعم إضافة دعم لغات مخصصة وتنسيق الوثائق التقنية.

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

react-syntax-highlighter is a React component that renders source code with language-specific syntax coloring. It wraps the Prism and Highlight.js syntax highlighting libraries, tokenizing source code using their language grammars and mapping each token to a styled React element. The component operates in two styling modes: inline style objects applied directly to each token, or CSS class names that can be themed via external stylesheets. This dual-mode approach makes the highlighter portable across environments where CSS class injection may or may not be available. The component is built aro

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