Awesome GitHub RepositoriesCode Highlight Animations

This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

Motion Canvas is a TypeScript-based framework for creating programmatic animations and motion graphics. It functions as a code-based animation tool that allows developers to define visual transitions, element properties, and timing through scripts rather than traditional timeline-based interfaces. The library renders frame-accurate motion graphics directly in the browser using web technologies. The project utilizes a virtual scene graph to manage visual objects and their transformations, which are then rendered to an HTML5 canvas. It employs generator functions to sequence animations and reac

Code Surfer is a web-based code slide framework and presentation tool designed for creating technical slides. It functions as a code animation library and diff visualizer that enables the rendering of source code with animated transitions, zooming, and highlighting. The project focuses on visualizing code evolution through state morphing and diff animations. It uses coordinate-based view transitions and smooth scrolls to guide viewers through changes between different code versions across a slide deck. The framework provides capabilities for attention management via line-level focus, section

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