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

Dieses Projekt ist eine Redux-Routing-Middleware und ein Zustandsbinder, der die Browser-URL und den Routing-Zustand mit einem globalen Redux-Store synchronisiert. Es fungiert als Client-Side-Navigations-Synchronisierer und stellt sicher, dass Anwendungsansichten während des Zurückspulens der Historie oder der Zustands-Wiedergabe mit der URL synchron bleiben. Das System ermöglicht eine programmatische Navigationssteuerung, indem es erlaubt, Seitenübergänge durch das Dispatchen von Zustandsaktionen auszulösen, anstatt direkte Komponentenmethoden aufzurufen. Es bildet Navigationsereignisse und Standortdaten von React Router in den Zustandsverwaltungs-Store ab, um eine einzige Quelle der Wahrheit für das Routing zu wahren. Das Projekt bietet zudem Funktionen für die Überwachung von Navigationsereignissen, wodurch die Anwendung auf Standortaktualisierungen lauschen kann, um Analysen oder Seiteneffekte auszulösen. Diese Integration macht aktuelle Standort- und Navigationsdaten über alle Komponenten hinweg verfügbar, ohne auf Prop-Drilling angewiesen zu sein.

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 ist ein Frontend-Framework und eine UI-Komponentenbibliothek für Vue.js-Anwendungen. Es bietet ein anpassbares Designsystem und eine Reihe vorgestylter Benutzeroberflächenelemente, die darauf ausgelegt sind, die Entwicklung von Weboberflächen zu beschleunigen. Das Projekt zeichnet sich durch ein thematisierbares visuelles Toolkit aus, das dynamische Farbanpassungen und serverseitige Stil-Anpassungen unterstützt, um die Markenidentität zu wahren. Es verfügt zudem über eine spezialisierte Datentabellen-Komponente mit integrierter Unterstützung für Inline-Zellenbearbeitung und serverseitige Verarbeitung für Paginierung, Filterung und Sortierung. Die Bibliothek deckt ein breites Spektrum an UI-Funktionen ab, einschließlich eines responsiven Zwölf-Spalten-Rastersystems, umfassender Formularelemente und verschiedener Layout-Tools wie Content-Cards und einklappbare Listen. Sie enthält zudem Navigationsdienstprogramme wie Sidebars und Breadcrumbs sowie eine Reihe von Overlays, einschließlich modaler Dialoge, Systembenachrichtigungen und Tooltips.

Swup ist eine Seitenübergangsbibliothek und ein AJAX-Seitenlader, der entwickelt wurde, um nahtlose, animierte Übergänge zwischen Seiten auf serverseitig gerenderten Websites zu erstellen. Er fungiert als DOM-Inhalts-Orchestrator und Browser-Verlaufsmanager, der die Navigation abfängt, um Seiteninhalte dynamisch zu ersetzen und ein Single-Page-Application-Erlebnis zu simulieren. Das Projekt zeichnet sich durch ein Hook-basiertes Lebenszyklussystem und eine Plugin-Architektur aus, die die Injektion von benutzerdefinierter Logik und Animationseffekten ermöglicht. Es unterstützt fortschrittliche visuelle Methoden, einschließlich DOM-Inhalts-Morphing, parallelem DOM-Rendering für überlappende Animationen und die Integration mit der nativen Browser-View-Transitions-API. Die Bibliothek deckt eine breite Palette an Funktionen ab, einschließlich clientseitigem Navigationsmanagement, speicherbasiertem Seitencaching und Hintergrund-Seiten-Preloading zur Leistungsoptimierung. Sie bietet zudem umfassende Wiederherstellung der Scroll-Position, Barrierefreiheitsoptimierungen für Screenreader sowie Tools zur Synchronisation von Dokument-Head-Metadaten und Skriptausführung über Übergänge hinweg.

InstaMaterial ist eine Material-Design-Social-Media-Interface-Implementierung für Android. Sie dient als mobiles Anwendungs-Frontend und Navigations-Framework mit scrollbaren Inhalts-Feeds, Nutzerprofilen und interaktiven Social-Engagement-Elementen. Das Projekt zeichnet sich durch sein komplexes Motion-Design aus, einschließlich kreisförmiger Reveal-Animationen, die von spezifischen Touch-Koordinaten zwischen Bildschirmen überblenden, sowie sequenzierten Entry-Effekten, die Translation, Alpha- und Skalierungstransformationen koordinieren. Zudem implementiert es ein benutzerdefiniertes Kamera-Integrationssystem, das Shader für kreisförmiges Bild-Cropping und Bitmap-Verarbeitung innerhalb eines Foto-Publishing-Workflows nutzt. Das Framework deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Activity-Stack-Management, programmatischer Navigation-Drawer-Injektion und Social-Feed-Management. Es integriert interaktives Komponentendesign mit Ripple-Feedback, zustandsgesteuertem Textwechsel für numerische Zähler und spezialisierten Animationen für Eingabefehler und Upload-Fortschritt.

MechanicalSoup ist eine Python-Webautomatisierungsbibliothek, die dazu entwickelt wurde, Browserverhalten zu simulieren. Sie fungiert als Toolkit für Web-Scraping und Automatisierung und bietet eine HTML-Parsing-Engine sowie einen HTTP-Session-Manager, um programmatisch mit Websites zu interagieren. Die Bibliothek ermöglicht headless Web-Interaktion durch Nachahmung einer echten Benutzersitzung. Sie verwaltet den persistenten Zustand durch Cookie-Handling und automatisches Folgen von Redirects, was die programmatische Website-Navigation und die Simulation komplexer Browser-Interaktionen ermöglicht. Ihre Funktionen decken das automatisierte Ausfüllen und Absenden von Formularen unter Verwendung von CSS-Selektoren sowie die Datenextraktion aus HTML-Antworten ab. Das Toolset enthält Utilities zum Herunterladen verlinkter Dateien, zur Spezifikation benutzerdefinierter User-Agents und zur Suche nach Seiten basierend auf spezifischen Keywords. Es bietet zudem Diagnose-Tools, um den aktuellen Seitenstatus zur visuellen Überprüfung in einem Browser zu rendern.

Vue.js Client-Side Router ist eine Routing-Bibliothek für Vue.js, die die Browser-URL mit dem Anwendungszustand synchronisiert, um die Navigation in Single-Page-Anwendungen zu ermöglichen. Er fungiert als URL-zu-Komponenten-Mapper, der basierend auf dem aktuellen URL-Pfad und dynamischen Routenmustern spezifische Komponenten rendert. Das Projekt dient als Browser-History-Manager, der steuert, wie interne Routen mithilfe verschiedener History-Strategien auf die Browser-URL abgebildet werden. Es bietet zudem ein Framework für Navigation Guards, um Logik und Zugriffskontrollen während Routenübergängen auszuführen. Die Bibliothek deckt dynamisches Routenmanagement, programmatische URL-Manipulation und das Parsen von Query-Parametern ab. Sie unterstützt die Definition von Anwendungsrouten durch statische und dynamische Pfade, um die Bewegung zwischen verschiedenen Ansichten zu steuern.

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