Awesome GitHub RepositoriesHTML and CSS Rendering Engines

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

Photon is a cross-platform desktop framework and UI development kit designed for building software that runs on multiple operating systems. It functions as an application framework for creating desktop software using a web-based frontend. The project focuses on the design of cross-platform graphical user interfaces, specifically for applications developed with Electron. It provides tools for building web-based desktop interfaces and polished layouts using HTML and CSS.

Foliate is an EPUB e-book reader and multi-format document viewer designed for reading and managing digital books. It functions as a digital library manager that indexes local files and tracks reading progress across a personal collection. The application supports complex layout handling, including right-to-left text and vertical writing with automatic hyphenation. It provides a text-to-speech interface that converts document content into spoken audio using a system speech dispatcher. The tool includes capabilities for digital text annotation, allowing users to create highlights and notes. I

Kraken هو إطار عمل واجهة مستخدم متعدد المنصات ووقت تشغيل لمعايير الويب مصمم لبناء تطبيقات أصلية باستخدام ترميز وتنسيق الويب القياسي. يستخدم محرك عرض قائم على Flutter لمعالجة HTML و CSS، مما ينتج واجهات مستخدم متسقة بصريًا عبر منصات الجوال وسطح المكتب. يتميز النظام بتجميع وقت التشغيل إلى كود آلة وتوظيف خط أنابيب تنقيط (rasterization) متزامن لضمان تطابق الرسوم المتحركة والتمرير مع سلاسة التطبيقات الأصلية. يدمج أيضًا مكونات أصلية عالية الأداء مباشرة في شجرة كائن مستند معايير الويب، مما يسمح بتعريف علامات HTML مخصصة مدعومة بأدوات أصلية. يغطي إطار العمل سطح قدرات واسع بما في ذلك تنفيذ شجرة مكونات JavaScript، ومزامنة الحالة العالمية والمحلية، ومعالجة الإيماءات الموحدة. كما يوفر نظامًا قائمًا على الإضافات لتوسيع واجهة برمجة التطبيقات بوظائف خلفية مخصصة ويدعم التكامل مع مختلف أطر عمل الواجهة الأمامية. يتم دعم سير عمل المطور من خلال التكامل مع بروتوكول Chrome DevTools، مما يتيح فحص حالة التطبيق وتعديل نمط واجهة المستخدم.

هذا المشروع عبارة عن معرض فني CSS وتجربة تصميم واجهة أمامية تتكون من صور شخصيات تم عرضها بالكامل باستخدام HTML و CSS. يعمل كمجموعة من رسوم CSS التوضيحية وفن المتجهات، مما يخلق رسومات رقمية مفصلة دون استخدام ملفات صور خارجية، أو SVG، أو Canvas. يستخدم المشروع مجموعة متنوعة من الأساليب التقنية لتحقيق هذه المرئيات، بما في ذلك فن بكسل box-shadow لمحاكاة البكسلات الفردية وعناصر HTML ذات الطبقات مع تحديد موضع مطلق لبناء رسومات بنمط المتجهات. يستخدم تسلسلاً هرمياً للمكونات المتداخلة ونظام إحداثيات نسبياً للحفاظ على النسب عبر مقاييس مختلفة. يغطي التنفيذ مجموعة من قدرات CSS مثل تكوين الشكل من خلال border-radius والقص، بالإضافة إلى نظام سمات باستخدام متغيرات CSS لمركزة لوحات الألوان لتقديم متسق.

Kit هو إطار عمل لأتمتة سطح المكتب ومجموعة أدوات واجهة مستخدم قابلة للبرمجة مصممة لبناء أدوات إنتاجية مخصصة. يعمل كغلاف CLI عبر المنصات ومؤتمت لنظام macOS، مما يوفر بيئة لتنفيذ النصوص البرمجية التي تدير مهام نظام التشغيل، وإدارة الملفات، وسير عمل التطبيقات. يتميز المشروع بطبقة دمج LLM مخصصة لاستخراج البيانات المهيكلة وتوليد النصوص، إلى جانب إطار عمل واجهة مستخدم متخصص لإنشاء نماذج إدخال تفاعلية، ونوافذ HTML، وودجت عائمة. ويتميز بدمج عميق مع macOS من خلال تنفيذ AppleScript وتخصيص شريط قائمة النظام. يغطي إطار العمل مجموعة واسعة من الإمكانيات، بما في ذلك التحكم في أجهزة الإدخال على مستوى النظام، وإدارة الحافظة، والتحكم في الطاقة. ويتضمن أدوات أتمتة للجدولة القائمة على cron ومراقبة الملفات، بالإضافة إلى أدوات مطورين لمزامنة Git، وإدارة متغيرات البيئة، وكشط الويب (Web scraping). يوفر النظام دعماً مدمجاً لتنفيذ أوامر shell وإدارة بيئات النصوص البرمجية المعزولة.

RmlUi هي مكتبة عرض واجهة مستخدم (UI) وبرمجيات وسيطة عبر المنصات تمكن من إنشاء واجهات المستخدم باستخدام مجموعة فرعية من HTML وCSS. تعمل كطبقة مستقلة عن العرض مصممة لدمج التخطيط والتصميم القياسي للويب في محركات الألعاب المخصصة والتطبيقات المضمنة. يتميز إطار العمل بدمجه لـ Lua للمنطق والتحكم الديناميكي، بالإضافة إلى مجموعة أدوات متخصصة لعرض صور SVG ورسوم Lottie المتحركة. يستخدم خلفية عرض قابلة للتوصيل تفصل توليد الهندسة عن العرض النهائي، مما يسمح له بتوليد هندسة ذات ملمس (textured) لخطوط أنابيب رسومية مختلفة. يغطي النظام مجموعة واسعة من الإمكانيات، بما في ذلك محرك تخطيط نموذج الصندوق (box-model)، ومحرك أنماط متسلسل، وربط البيانات لمزامنة النماذج مع العروض. يوفر إدارة شاملة للمدخلات للماوس ولوحة المفاتيح واللمس، إلى جانب خدمات التدويل لترجمة النصوص بناءً على اللغة. تشمل الميزات الإضافية تحجيم DPI العالي، وتكوين الشفافية القائم على الطبقات، ومجموعة من المكونات التفاعلية مثل أشرطة التمرير والقوائم المنسدلة. يمكن تجميع المصدر في ملفات WebAssembly ثنائية للتنفيذ في متصفحات الويب.

Gosub-engine is an HTML5 browser engine and web rendering pipeline that parses HTML5 and CSS3 to compute layout and render web content to pixels. It functions as a JavaScript runtime environment with a virtual machine and event loop for handling dynamic logic and asynchronous tasks. The system also includes a web storage manager for persisting cookies, local storage, and session storage. The project features a headless browser renderer capable of generating page images or extracting plain text without a visible window. It supports cross-platform graphics rendering through pluggable CPU and GP

Blitz is an HTML and CSS rendering engine and native UI framework designed to translate web-standard markup into visual interfaces for native applications. It functions as a layout engine that converts raw HTML strings into a structured object model for programmatic rendering. The project implements a web-standard layout engine using Flexbox and Grid models to compute element positions and sizes. It includes a dedicated SVG graphics renderer for displaying scalable vector graphics embedded within HTML-based layouts. The framework covers native windowing integration and system accessibility t

GoldenDict-ng is a multi-source dictionary application and offline dictionary reader that enables users to search for word definitions across local files, DICT servers, and web sources in a single interface. It functions as a web-based definition browser, rendering entries using a browser engine to support HTML, CSS, and JavaScript for rich content presentation. The project distinguishes itself by integrating with Anki flashcard systems to facilitate language learning workflows and offering specialized translation tools that support clipboard monitoring and character set conversion. It also p

HTML-Renderer is a managed C# library that processes HTML and CSS content to render desktop user interfaces, generate image files, and export PDF documents. Built entirely in managed code without external native dependencies, the library parses markup into a structured document object model, applies cascading style rules, and computes virtual box layouts directly in memory. The rendering pipeline features a direct bitmap rasterisation engine that draws styled layouts straight onto graphics targets and document canvases, along with a dedicated pagination engine that splits continuous layouts a