Awesome GitHub RepositoriesMain Thread Offloading

Color-thief هي مكتبة تكميم ألوان وأداة استخراج لوحة ألوان الصور مصممة لتحديد الألوان الأكثر بروزاً في الوسائط المرئية. تعمل كمصنف ألوان دلالي ومحول مساحة ألوان، وتوفر أدوات لاستخراج الألوان المهيمنة وتوليد لوحات تمثيلية من الصور ومقاطع الفيديو وعناصر canvas. يستخدم المشروع معالج ألوان WebAssembly وعمال الخلفية لإجراء تحليل بكسل عالي الأداء. ينفذ محلل تباين WCAG لحساب نسب تباين الألوان وتحديد ألوان نص المقدمة التي يمكن الوصول إليها بناءً على معايير إمكانية الوصول. تغطي المكتبة مجموعة واسعة من قدرات التحليل، بما في ذلك استخراج العينات الدلالية لتصنيف الألوان كألوان نابضة بالحياة، أو مكتومة، أو داكنة، أو فاتحة، وأخذ العينات في الوقت الفعلي من تدفقات الفيديو المباشرة. تتضمن أيضاً واجهة سطر أوامر لتحليل الصور البرمجي وتصدير بيانات الألوان.

AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

Comlink is a remote procedure call library that transforms message-based communication into asynchronous function calls between the main thread and web workers. It provides a proxy-based interface that allows multiple threads to interact with a single object instance without manual message handling. The project enables the execution of functions across separate browser windows, iframes, and web workers, making external calls behave like local asynchronous operations. It supports the transfer of non-cloneable data through custom serialization handlers and allows for the movement of ownership f

canvas-confetti is an HTML5 canvas animation library and browser particle effect engine designed to render celebratory confetti bursts. It functions as a visual effects tool that transforms SVG paths, emojis, and text into animated particles. The library offloads heavy particle calculations to a web worker to maintain main thread responsiveness and prevent the user interface from lagging. It includes built-in support for operating system reduced motion settings, automatically disabling animations for users with motion sensitivities to ensure accessibility compliance. The system supports conf

Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based

This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu

Epoxy is an Android library for building complex RecyclerView screens using a model-driven approach. It generates RecyclerView adapter models at compile time from annotated custom views, data binding layouts, or view holders, eliminating the manual boilerplate typically associated with view holders and adapters. The library provides a diffing engine that automatically compares model lists and applies minimal updates with animations for insertions, removals, and moves. The library distinguishes itself through its controller-based model building, where a controller class with a buildModels meth

AlaSQL is a JavaScript SQL database engine that allows for the filtering, grouping, and joining of in-memory object arrays and JSON data. It functions as an in-memory SQL database and client-side data processor, enabling the execution of SQL statements against JavaScript arrays and external data sources in both browser and server environments. The project serves as a universal data query tool capable of performing relational joins across diverse sources, such as merging Google Spreadsheets, SQLite files, and remote APIs into a single result set. It also acts as an IndexedDB SQL wrapper, allow

Synaptic is a JavaScript neural network library used for building, training, and executing neural networks in Node.js and the browser. It provides a framework for constructing architecture-free neural network topologies, a backpropagation training engine for weight optimization, and a toolkit for implementing recurrent neural network frameworks. The library enables the design of custom first or second order network architectures without predefined constraints. It supports a variety of specialized models, including Long Short-Term Memory networks, Hopfield networks, Liquid State Machines, and

SQLDelight is a Kotlin database library that validates SQL schema, statements, and migrations at compile time, generating type-safe Kotlin query functions from labeled SQL files. It treats SQL as the source of truth for database definitions, catching schema errors during the build process before they reach production. The library supports multiple database dialects including SQLite, MySQL, PostgreSQL, HSQL, and H2, and generates platform-specific code for Android, iOS, JVM, and JavaScript targets. It provides a platform-specific driver abstraction that handles database connectivity difference

This repository is a collection of practical code snippets and implementation patterns for Flutter and Dart. It serves as a comprehensive guide and reference for asynchronous programming, state management patterns, and UI component design. The project provides advanced language reference material covering generics, reflection, factory constructors, and null-aware operators. It also includes specific utilities for manipulating Dart collections, such as helper methods for transforming and filtering maps, lists, and iterables. The coverage extends to high-level capabilities including asynchrono

SVGOMG is a browser-based SVG minification tool that applies SVGO transformations entirely on the client side. It processes SVG files in a Web Worker to keep the user interface responsive, then displays the original and optimized file sizes side by side, including gzipped size estimates. The tool provides a live preview of the optimized SVG markup, rendered directly in the browser for immediate visual feedback. Users can configure which SVGO optimization plugins are enabled or disabled, set numerical precision for coordinates and transforms, and optionally pretty-print the output. Multiple op

re-frame هو إطار عمل وظيفي لبناء تطبيقات الصفحة الواحدة (SPA) باستخدام ClojureScript. يوفر قاعدة بيانات مركزية غير قابلة للتغيير تعمل كمصدر وحيد للحقيقة لحالة التطبيق بالكامل، مما يفرض تدفق بيانات أحادي الاتجاه صارم حيث تؤدي الأحداث إلى تغييرات في الحالة وتحديثات لاحقة للعرض. يتميز إطار العمل برسم بياني تفاعلي للإشارات وخط أنابيب (pipeline) وسيط يعتمد على المعترضات (interceptors). من خلال التعامل مع منطق التطبيق كسلسلة من الأحداث القائمة على البيانات والآثار الجانبية التصريحية، فإنه يفصل منطق الأعمال عن طبقة العرض. تسمح هذه البنية للمطورين بإدارة تغييرات الحالة المعقدة والعمليات الخارجية من خلال دوال نقية، مما يضمن تنفيذ الآثار الجانبية بواسطة مترجم منفصل بدلاً من الاستدعاءات الإلزامية. يتضمن النظام مجموعة شاملة من الإمكانيات لإدارة بنية التطبيق، بما في ذلك اشتقاق البيانات التفاعلي، ومطابقة العرض القائمة على الاشتراكات، وإدارة الحالة القائمة على الأحداث. يدعم سير عمل التطوير المتقدم مثل تتبع الأحداث، وحفظ نقاط فحص الحالة، والقدرة على محاكاة الآثار الجانبية للاختبار المعزول. تم تصميم المشروع للتكامل مع React، مستفيداً من مطابقة DOM الافتراضي لتحديث واجهات المستخدم بكفاءة. يوفر مجموعة قوية من الأدوات للتعامل مع الاهتمامات المتقاطعة، وإدارة رسوم بيانية معقدة لتدفق البيانات، وتنسيق العمليات غير المتزامنة ضمن خط أنابيب أحداث متسلسل وقابل للتنبؤ.

Spritejs هي مكتبة رسوميات ومحرك رسوميات ثنائي الأبعاد (2D) متعدد المنصات مصمم لعرض الأشكال الهندسية والـ sprites عبر بيئات الويب وسطح المكتب والجوال. تعمل كإطار عمل للـ sprites يعتمد على canvas ويدير العناصر باستخدام نموذج كائن المستند (DOM) لتحديد المواقع والتنسيق. يوفر المشروع محرك عرض يعمل بـ web worker يقوم بتوزيع طبقات الرسوم على لوحات (canvases) خارج الشاشة، مما يمنع حظر الخيط الرئيسي. كما يتضمن مولد رسوميات من جانب الخادم لإنتاج العناصر المرئية والصور في البيئات غير المتصفحة. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الرسوميات، بما في ذلك العرض ثلاثي الأبعاد (3D) مع محاكاة فيزيائية وكاميرات افتراضية، بالإضافة إلى رسوميات المتجهات (vector graphics) لإنشاء تصورات البيانات مثل المخططات والرسوم البيانية. كما تدعم عرض الأشكال الهندسية للأوليات مثل الخطوط المتعددة، والقطع الناقص، والمضلعات.

Greenlet هو منفذ غير متزامن متعدد الخيوط ومشغل مهام عمال الويب (web worker). يعمل كغلاف تنفيذ يقوم بتفريغ الحسابات الثقيلة إلى عمال في الخلفية للحفاظ على استجابة واجهة المستخدم ومنع خيط التنفيذ الرئيسي من الحظر. يتضمن المشروع معالج كائنات قابلة للنقل مصمم لنقل مخازن البيانات الكبيرة بين الخيوط. تتجنب هذه الآلية عبء نسخ الذاكرة لتحسين نقل البيانات. تغطي المكتبة إدارة عمال الويب، مما يسهل عزل المهام غير المتزامنة وتفريغ الخيط الرئيسي.

Workerize هو محمل وحدة عامل ويب (Web Worker) ومفرغ للخيط الرئيسي. يعمل كغلاف وكيل غير متزامن يسمح لوحدات JavaScript بالعمل في عمال الخلفية، مما يمنع تجمد واجهة مستخدم المتصفح عن طريق تفويض المهام المكثفة حسابياً إلى خيوط منفصلة. يستخدم المشروع واجهة قائمة على الوكيل لاستدعاء الوظائف داخل عامل الخلفية كما لو كانت مكالمات غير متزامنة محلية. تمكن هذه الآلية من تنفيذ الوحدات في عمال متوازيين للحفاظ على استجابة الخيط الرئيسي. يغطي النظام تنفيذ الوحدات غير المتزامنة وتكامل عامل الويب، مع التركيز على تحسين الخيط الرئيسي عن طريق نقل المنطق الثقيل خارج خيط التنفيذ الأساسي.

viz-js is a JavaScript rendering library and graph visualization engine that converts Graphviz DOT language descriptions into visual diagrams. It functions as a Graphviz rendering library designed to produce SVG output for web applications. The project utilizes a WebAssembly port of the Graphviz C library to execute layout engines directly in the browser. To maintain interface responsiveness, it processes computationally expensive layout calculations within background worker threads and uses a standardized JSON format for layout serialization. The library provides tools for dynamic graph vis

Leafer UI هو محرك عرض HTML5 canvas عالي الأداء ومكتبة رسومات متجهة ثنائية الأبعاد. يستخدم شجرة مشهد هرمية لإدارة الأشكال، والمسارات، والنصوص، مما يوفر مجموعة أدوات لبناء تطبيقات canvas تفاعلية ولوحات قماشية لانهائية واسعة. تم تصميم المحرك كمجموعة أدوات canvas عبر المنصات تفصل المنطق الأساسي عن واجهة برمجة تطبيقات الرسم، مما يسمح له بالعمل عبر بيئات الويب، والهاتف المحمول، والخادم، والبرامج المصغرة. ويتميز بتوفير أدوات متخصصة لتطوير محررات الرسوم التفاعلية، بما في ذلك اكتشاف الضربات (Hit detection)، وتصاعد الأحداث، وعناصر التحكم في التحويل. تغطي مساحة إمكانياته عرض الأشكال المتجهة، وإنشاء المسارات المعقدة، ورسوم الحركة. يتضمن إطار العمل محرك تخطيط مع نموذج صندوق مرن، وترجمة مساحة الإحداثيات لتحديد المواقع بدقة، ودعم العرض خارج الشاشة متعدد الخيوط في عمال الويب (Web workers). كما يوفر أدوات لإدارة المشهد، وإخفاء العناصر، وتصدير محتوى canvas إلى صور أو JSON. يمكن دمج المكتبة عبر وسم script قياسي أو استخدامها داخل أطر عمل تفاعلية مثل React وVue وNuxt.

هذا المشروع عبارة عن مرجع تقني ودليل لتحسين أداء تطبيقات Angular. يوفر قائمة مرجعية شاملة لتحسين السرعة والكفاءة من خلال التركيز على تحسين الحزم (bundle)، وأفضل ممارسات العرض، وتنفيذ وقت التشغيل. يغطي الدليل مجموعة واسعة من الميزات بما في ذلك تنفيذ استراتيجيات تطبيقات الويب التقدمية (PWA) من خلال عمال الخدمة (service workers) والتخزين المؤقت دون اتصال. كما يفصل طرق تحسين أوقات التحميل المتصورة باستخدام العرض من جانب الخادم (SSR) وأغلفة التطبيقات. يوفر المستودع توجيهاً حول مجالات إمكانيات أوسع مثل ضبط اكتشاف التغيير، واستخدام عمال الويب (web workers) لتفريغ الحسابات الثقيلة، وإدارة DOM عبر التمرير الافتراضي. كما يغطي تقليل حجم الحزمة من خلال التخلص من الكود غير المستخدم (tree-shaking)، والضغط، وتقسيم الوحدات بالتحميل الكسول.

This project is a comprehensive framework for iOS application development, centered on building mobile applications that feature custom user interface components, asynchronous task management, and local data persistence. It serves as a technical knowledge base for software engineering, providing tools to organize and publish architectural analyses and notes in Markdown format. The framework distinguishes itself through a robust document-based storage layer that utilizes BSON-formatted records to perform CRUD operations within a NoSQL document store. It provides extensive system integration ca