Awesome GitHub RepositoriesProgrammatic Navigation

Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha

fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

jquery-pjax is a client-side library that combines Ajax requests with the HTML5 History API to replace page content without triggering a full browser reload. It fetches HTML fragments from the server and updates the browser URL using pushState, preserving the page layout and assets while only swapping a designated container's content. The library emits custom JavaScript events at each stage of the request lifecycle, enabling external handlers to respond to loading, success, and error states. The project distinguishes itself through its event-driven navigation model and server-side integration

Wouter is a minimalist client-side routing library for React and Preact. It uses a hook-based system to map URL paths to components, managing navigation and URL state without requiring a mandatory provider. The library is designed for cross-ecosystem compatibility between React and Preact and supports server-side rendering by accepting initial paths and search strings during markup generation. It includes a URL parameter manager for extracting dynamic path segments and query strings from the browser address bar. Capabilities include hierarchical nested routing, programmatic navigation manage

هذا المشروع عبارة عن وسيط توجيه Redux ورابط حالة يزامن عنوان URL للمتصفح وحالة التوجيه مع مخزن Redux عالمي. يعمل كمزامن تنقل من جانب العميل، مما يضمن بقاء طرق عرض التطبيق متزامنة مع عنوان URL أثناء ترجيع السجل أو إعادة تشغيل الحالة. يُمكّن النظام التحكم في التنقل البرمجي من خلال السماح بتشغيل انتقالات الصفحة عبر إرسال إجراءات الحالة بدلاً من استدعاءات طرق المكون المباشرة. يقوم بتعيين أحداث التنقل وبيانات الموقع من React Router إلى مخزن إدارة الحالة للحفاظ على مصدر حقيقة واحد للتوجيه. يوفر المشروع أيضاً قدرات لمراقبة أحداث التنقل، مما يسمح للتطبيق بالاستماع إلى تحديثات الموقع لتشغيل التحليلات أو الآثار الجانبية. يجعل هذا التكامل بيانات الموقع والتنقل الحالية متاحة عبر جميع المكونات دون الاعتماد على تمرير الخصائص (prop drilling).

page.js is a client-side JavaScript router for single-page applications that maps URL patterns to executable functions. It functions as a navigation engine and browser history manager, implementing a middleware-based path-mapping system similar to the Express web framework. The library distinguishes itself through an Express-style router model, utilizing a middleware callback chain and a shared context object to pass data between navigation handlers. It supports advanced window management, allowing for multiple router instances to handle navigation independently across different windows or em

Wealthfolio is a local-first personal finance tracker and multi-currency net worth calculator designed for managing investments, spending, and overall financial standing. It functions as an extensible portfolio management platform that allows users to maintain their data on their own devices, with an optional self-hosted Docker deployment for private server access. The platform is distinguished by an LLM-powered financial assistant that handles natural language transaction imports and portfolio querying. It further differentiates itself through a TypeScript-based SDK and plugin architecture,

Reach Router is a client-side routing library for React applications that maps URL patterns to components without full page reloads. It defines navigation rules and component rendering through declarative route configuration, using nested React component trees instead of separate configuration files. The library supports parent-child route hierarchies so shared UI elements persist across page transitions, and provides a declarative Navigate component that triggers URL changes and view updates when rendered. It extracts dynamic segments from URL patterns and passes them as props to matched rou

This is a demonstration and template project that applies Clean Architecture principles to SwiftUI application development. It implements a layered architecture that separates presentation, business logic, and data access into independent layers, with unidirectional data flow managed through a single immutable app store that serves as the sole source of truth for all screens. The project distinguishes itself through its implementation of interactor-driven business logic, where all domain rules and workflows live in stateless objects that receive requests and update the central store. Dependen

Waku is a minimal React framework built around React Server Components. It renders components exclusively on the server for data fetching and server-side logic, then hydrates client components in the browser for interactivity. The framework supports hybrid rendering, mixing static prerendering at build time with dynamic per-request rendering within a single application, and allows independently loading slice components that can be static or dynamic. The framework distinguishes itself through its file-based routing system that defines pages, layouts, and API endpoints by placing files in a dir

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

Swup هي مكتبة انتقال الصفحة ومحمل صفحات AJAX مصمم لإنشاء انتقالات سلسة ومتحركة بين الصفحات على مواقع الويب التي يتم عرضها من جانب الخادم. تعمل كمنسق لمحتوى DOM ومدير لسجل المتصفح، حيث تعترض التنقل لاستبدال محتوى الصفحة ديناميكياً ومحاكاة تجربة تطبيق الصفحة الواحدة. يتميز المشروع من خلال نظام دورة حياة يعتمد على الخطافات (hooks) وبنية إضافات تسمح بحقن منطق مخصص وتأثيرات رسوم متحركة. يدعم طرقاً مرئية متقدمة بما في ذلك تحويل محتوى DOM، وعرض DOM المتوازي للرسوم المتحركة المتداخلة، والتكامل مع واجهة برمجة تطبيقات انتقالات العرض (View Transitions API) الأصلية للمتصفح. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك إدارة التنقل من جانب العميل، والتخزين المؤقت للصفحات القائم على الذاكرة، والتحميل المسبق للصفحات في الخلفية لتحسين الأداء. كما توفر استعادة شاملة لموضع التمرير، وتحسينات إمكانية الوصول لقارئات الشاشة، وأدوات لمزامنة بيانات تعريف رأس المستند وتنفيذ النصوص البرمجية عبر الانتقالات.

InstaMaterial هو تنفيذ واجهة وسائط اجتماعية بتصميم Material لنظام Android. يعمل كإطار عمل لواجهة تطبيق الهاتف والتنقل يتميز بخلاصات محتوى قابلة للتمرير، وملفات تعريف المستخدمين، وعناصر تفاعل اجتماعي تفاعلية. يتميز المشروع بتصميمه الحركي المعقد، بما في ذلك حركات الكشف الدائرية التي تنتقل بين الشاشات من إحداثيات لمس محددة وتأثيرات دخول متسلسلة تنسق الترجمة، والشفافية (alpha)، وتحويلات القياس. كما ينفذ نظام تكامل كاميرا مخصص يستخدم تظليلات (shaders) لاقتصاص الصور الدائري ومعالجة الصور النقطية ضمن سير عمل نشر الصور. يغطي إطار العمل مجموعة واسعة من قدرات الواجهة، بما في ذلك إدارة مكدس النشاط، وحقن درج التنقل البرمجي، وإدارة الخلاصة الاجتماعية. يدمج تصميم المكونات التفاعلية مع ردود الفعل الموجية، وتبديل النص القائم على الحالة للعدادات الرقمية، وحركات متخصصة لأخطاء الإدخال وتقدم التحميل.

MechanicalSoup هي مكتبة أتمتة ويب Python مصممة لمحاكاة سلوك المتصفح. تعمل كمجموعة أدوات لكشط الويب والأتمتة، حيث توفر محرك تحليل HTML ومدير جلسة HTTP للتفاعل مع مواقع الويب برمجياً. تتيح المكتبة تفاعل الويب بدون رأس (headless) من خلال محاكاة جلسة مستخدم حقيقية. تدير الحالة المستمرة من خلال التعامل مع ملفات تعريف الارتباط ومتابعة إعادة التوجيه التلقائية، مما يسمح بالتنقل البرمجي في موقع الويب ومحاكاة تفاعلات المتصفح المعقدة. تغطي قدراتها ملء النماذج المؤتمتة وإرسالها باستخدام محددات CSS، بالإضافة إلى استخراج البيانات من استجابات HTML. تتضمن مجموعة الأدوات أدوات لتنزيل الملفات المرتبطة، وتحديد وكلاء مستخدم مخصصين، والبحث عن الصفحات بناءً على كلمات رئيسية محددة. كما توفر أدوات تشخيصية لعرض حالة الصفحة الحالية في متصفح للتحقق المرئي.

Vue.js Client-Side Router هي مكتبة توجيه لـ Vue.js تقوم بمزامنة عنوان URL للمتصفح مع حالة التطبيق لتمكين التنقل في تطبيقات الصفحة الواحدة (SPA). تعمل كمحول من URL إلى مكون، حيث تعرض مكونات محددة بناءً على مسار URL الحالي وأنماط المسار الديناميكية. يعمل المشروع كمدير لسجل المتصفح يتحكم في كيفية تعيين المسارات الداخلية لعنوان URL للمتصفح باستخدام استراتيجيات سجل مختلفة. كما يوفر إطار عمل لحماية التنقل لتنفيذ المنطق والتحكم في الوصول أثناء انتقالات المسار. تغطي المكتبة إدارة المسارات الديناميكية، ومعالجة URL برمجياً، وتحليل معلمات الاستعلام. وتدعم تعريف مسارات التطبيق من خلال مسارات ثابتة وديناميكية للتحكم في الحركة بين العروض المختلفة.

PYSearch is an iOS search controller replacement for iPhone and iPad that manages user input, renders search results, and provides a search suggestion engine. It includes a search history manager to record and display previous user queries. The project provides customizable search controllers that adapt to different device screen sizes and a search results renderer that supports various layout styles and display modes. It implements a real-time suggestion system that offers term completions as a user types. The framework covers the coordination of search interfaces, query history persistence

This repository is a collection of learning resources, instructional materials, and practical reference implementations for the React library. It provides code snapshots, application boilerplates, and a repository of examples designed to support a structured curriculum for building React applications. The project offers specific implementation guides and samples for managing application state, mapping routes with shared layouts, and creating validated form systems. It includes versioned code snapshots, completed exercise references, and presentation materials to help users validate their prog