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

Ce projet est un middleware de routage Redux et un lieur d'état qui synchronise l'URL du navigateur et l'état de routage avec un store Redux global. Il fonctionne comme un synchronisateur de navigation côté client, garantissant que les vues de l'application restent synchronisées avec l'URL lors des retours en arrière de l'historique ou de la relecture d'état. Le système permet un contrôle de navigation programmatique en permettant aux transitions de page d'être déclenchées par l'envoi d'actions d'état plutôt que par des appels de méthode de composant directs. Il mappe les événements de navigation et les données de localisation de React Router dans le store de gestion d'état pour maintenir une source unique de vérité pour le routage. Le projet fournit également des capacités pour la surveillance des événements de navigation, permettant à l'application d'écouter les mises à jour de localisation pour déclencher des analyses ou des effets secondaires. Cette intégration rend les données de localisation et de navigation actuelles disponibles à travers tous les composants sans dépendre du 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 est un framework frontend et une bibliothèque de composants UI pour les applications Vue.js. Il fournit un système de conception personnalisable et un ensemble d'éléments d'interface utilisateur pré-stylisés conçus pour accélérer le développement d'interfaces web. Le projet se distingue par une boîte à outils visuelle thématisable qui prend en charge les mises à jour de couleurs dynamiques et la personnalisation de style côté serveur pour maintenir l'identité de marque. Il dispose également d'un composant de tableau de données spécialisé avec un support intégré pour l'édition de cellules en ligne et le traitement côté serveur pour la pagination, le filtrage et le tri. La bibliothèque couvre une large surface de capacités UI, incluant un système de grille responsive à douze colonnes, des éléments de formulaire complets et divers outils de mise en page comme des cartes de contenu et des listes repliables. Elle inclut également des utilitaires de navigation tels que des barres latérales et des fils d'ariane, ainsi qu'un éventail de superpositions incluant des boîtes de dialogue modales, des notifications système et des infobulles.

Swup est une bibliothèque de transition de page et un chargeur de page AJAX conçu pour créer des transitions animées fluides entre les pages sur des sites web rendus côté serveur. Il fonctionne comme un orchestrateur de contenu DOM et un gestionnaire d'historique de navigateur, interceptant la navigation pour remplacer dynamiquement le contenu de la page et simuler une expérience d'application monopage. Le projet se distingue par un système de cycle de vie basé sur des hooks et une architecture de plugins qui permet l'injection de logique personnalisée et d'effets d'animation. Il prend en charge des méthodes visuelles avancées, notamment le morphing de contenu DOM, le rendu DOM parallèle pour les animations superposées et l'intégration avec l'API native View Transitions du navigateur. La bibliothèque couvre un large éventail de capacités, notamment la gestion de la navigation côté client, la mise en cache des pages en mémoire et le préchargement des pages en arrière-plan pour optimiser les performances. Elle fournit également une restauration complète de la position de défilement, des optimisations d'accessibilité pour les lecteurs d'écran et des outils pour synchroniser les métadonnées d'en-tête de document et l'exécution de scripts à travers les transitions.

InstaMaterial est une implémentation d'interface de médias sociaux Material Design pour Android. Il sert de frontend d'application mobile et de framework de navigation comprenant des flux de contenu défilants, des profils utilisateur et des éléments d'engagement social interactifs. Le projet se distingue par sa conception de mouvement complexe, y compris des animations de révélation circulaire qui effectuent des transitions entre les écrans à partir de coordonnées tactiles spécifiques et des effets d'entrée séquencés qui coordonnent la translation, l'alpha et les transformations d'échelle. Il implémente également un système d'intégration de caméra personnalisé qui utilise des shaders pour le recadrage circulaire d'image et le traitement de bitmap au sein d'un flux de travail de publication de photos. Le framework couvre un large éventail de capacités d'interface, y compris la gestion de la pile d'activités, l'injection de tiroir de navigation programmatique et la gestion de flux social. Il intègre une conception de composants interactifs avec retour ripple, commutation de texte pilotée par état pour les compteurs numériques et des animations spécialisées pour les erreurs de saisie et la progression du téléchargement.

MechanicalSoup est une bibliothèque d'automatisation web Python conçue pour simuler le comportement d'un navigateur. Elle fonctionne comme une boîte à outils pour le web scraping et l'automatisation, fournissant un moteur d'analyse HTML et un gestionnaire de session HTTP pour interagir avec les sites web par programmation. La bibliothèque permet une interaction web headless en imitant une session utilisateur réelle. Elle gère l'état persistant via la gestion des cookies et le suivi automatique des redirections, permettant la navigation programmatique sur les sites web et la simulation d'interactions complexes avec le navigateur. Ses capacités couvrent le remplissage et la soumission automatisés de formulaires en utilisant des sélecteurs CSS, ainsi que l'extraction de données à partir de réponses HTML. L'ensemble d'outils inclut des utilitaires pour télécharger des fichiers liés, spécifier des agents utilisateur personnalisés et rechercher des pages basées sur des mots-clés spécifiques. Elle fournit également des outils de diagnostic pour rendre l'état actuel de la page dans un navigateur pour une vérification visuelle.

Vue.js Client-Side Router est une bibliothèque de routage pour Vue.js qui synchronise l'URL du navigateur avec l'état de l'application pour permettre la navigation dans les applications monopages (SPA). Il fonctionne comme un mappeur URL-vers-composant, rendant des composants spécifiques basés sur le chemin de l'URL actuel et les motifs de route dynamiques. Le projet sert de gestionnaire d'historique de navigateur qui contrôle la façon dont les routes internes sont mappées à l'URL du navigateur en utilisant diverses stratégies d'historique. Il fournit également un framework de garde de navigation pour exécuter la logique et le contrôle d'accès lors des transitions de route. La bibliothèque couvre la gestion dynamique des routes, la manipulation programmatique des URL et l'analyse des paramètres de requête. Elle prend en charge la définition des routes d'application via des chemins statiques et dynamiques pour contrôler le mouvement entre différentes vues.

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