Awesome GitHub RepositoriesBrowser Rendering

This project is a Markdown-driven presentation engine that transforms Markdown text into structured, web-based slideshows. It functions as a browser-based presentation tool that renders content with automatic scaling to maintain consistent layouts across different screen resolutions. The framework allows for custom visual layouts and global styles through the use of Markdown templates and CSS. It includes a dedicated presenter view interface that provides formatted speaker notes to keep the presenter synchronized with the audience. The system covers the end-to-end workflow of slide deck crea

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

Beautiful and accessible math in all browsers

VizTracer is a Python runtime instrumentation system and execution profiler used to trace and visualize code execution. It functions as a multi-process performance analyzer and trace visualizer, providing an interactive timeline and flamegraph interface to identify performance bottlenecks and analyze call sequences. The project distinguishes itself by its ability to aggregate execution data from multiple threads, subprocesses, and asynchronous tasks into a single unified report. It also features live process instrumentation, allowing users to attach to and detach from running Python applicati

UEditor is a web-based WYSIWYG rich text editor and HTML content authoring tool. It functions as a DOM-based text component that allows users to create and format complex web documents through a visual interface with real-time rendering. The editor enables the creation of rich text content for web applications and content management systems. It manages document state using HTML strings, facilitating the serialization and transfer of data between the browser and server. The system provides capabilities for managing editor content and configuring behavioral parameters through initialization se

Perfetto is a platform for system-level performance tracing and analysis on Linux and Android. It combines a high-throughput trace recorder, a SQL-based query engine, and a browser-based visualizer into a single toolchain. The platform covers CPU scheduling and call-stack profiling, native and Java heap memory allocation tracking, GPU and graphics events, and system-wide counters such as CPU frequency and power consumption. The architecture decouples trace recording from offline analysis, using a compact protobuf format for event encoding and columnar storage for efficient SQL queries. The we

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

Pannellum هو عارض بانوراما WebGL وإطار عمل للجولات الافتراضية يُستخدم لعرض الصور متساوية المستطيلات أو مكعبات الخرائط كبيئات غامرة بزاوية 360 درجة. يعمل كعارض صور متعدد الدقة ومشغل فيديو بانورامي، ويدعم كلاً من الصور الثابتة وتشغيل الفيديو الكروي. يتميز المشروع بقدرته على التعامل مع صور بانورامية كبيرة جداً وعالية الدقة من خلال إنشاء وتحميل البلاطات متعددة الدقة. يتيح إنشاء جولات افتراضية تفاعلية من خلال ربط مشاهد بانورامية متعددة معاً باستخدام تلاشي الانتقال والنقاط الساخنة التفاعلية. يتضمن النظام إمكانيات لحركة الكاميرا الآلية، وتكامل اتجاه الجهاز لتجارب النظر حول الهاتف المحمول، ونظام ربط لمراقبة أحداث العارض. كما يوفر أدوات لتوطين واجهة المستخدم، والتحكم في حالة العارض، وعرض محتوى احتياطي للمتصفحات التي لا تحتوي على تسريع للأجهزة.

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

WebGAL is a web-native development environment designed for the creation and publication of interactive narrative games. It provides a browser-based platform that enables users to build visual novels featuring branching dialogue and multimedia assets without requiring manual coding. The platform distinguishes itself through a visual editor that utilizes node-based logic definition to manage narrative flow and scene transitions. It includes specialized tooling for the configuration and integration of animated character models, allowing for the direct implementation of interactive character seq

Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t