19 repositorios
APIs for controlling navigation flow through code.
Distinguishing note: Focuses on imperative control of the navigation stack.
Explore 19 awesome GitHub repositories matching web development · Programmatic Navigation. Refine with filters or upvote what's useful.
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
Triggers navigation by pushing or replacing history entries using a dedicated navigator.
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
Moves the view to specific sections or slides using a precise jump-to API.
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
Initiates a programmatic page transition via script, enabling developers to control navigation flow outside of standard link interactions.
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
Enables programmatic page transitions with support for history stack management and state preservation.
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
Exposes a JavaScript method to trigger pjax requests manually with a URL and container selector.
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
Provides APIs for programmatically updating the browser location and tracking the current URL path.
Este proyecto es un middleware de enrutamiento de Redux y vinculador de estado que sincroniza la URL del navegador y el estado de enrutamiento con un store global de Redux. Funciona como un sincronizador de navegación del lado del cliente, asegurando que las vistas de la aplicación permanezcan sincronizadas con la URL durante los rebobinados del historial o la reproducción de estados. El sistema permite el control de navegación programático al permitir que las transiciones de página se activen mediante el despacho de acciones de estado en lugar de llamadas directas a métodos de componentes. Mapea los eventos de navegación y los datos de ubicación de React Router en el store de gestión de estado para mantener una única fuente de verdad para el enrutamiento. El proyecto también proporciona capacidades para el monitoreo de eventos de navegación, permitiendo que la aplicación escuche las actualizaciones de ubicación para activar análisis o efectos secundarios. Esta integración hace que la ubicación actual y los datos de navegación estén disponibles en todos los componentes sin depender de la propagación de props (prop drilling).
Provides programmatic control over the navigation stack via dispatched actions.
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
Provides APIs to trigger route changes programmatically via code.
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,
Includes utilities to trigger programmatic transitions between different views and screens via code.
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
Changes the visible page in a single-page application by updating the browser URL without a full reload.
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
Controls screen transitions and deep-link handling through code rather than relying on SwiftUI's built-in navigation.
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
Inspects the current route and performs push, replace, reload, back, and forward navigation via a router hook.
Vuesax es un framework frontend y librería de componentes de UI para aplicaciones Vue.js. Proporciona un sistema de diseño personalizable y un conjunto de elementos de interfaz de usuario pre-estilizados diseñados para acelerar el desarrollo de interfaces web. El proyecto se distingue por un toolkit visual tematizable que admite actualizaciones de color dinámicas y personalización de estilos en el lado del servidor para mantener la identidad de marca. También cuenta con un componente de tabla de datos especializado con soporte integrado para edición de celdas en línea y procesamiento en el lado del servidor para paginación, filtrado y ordenamiento. La librería cubre una amplia superficie de capacidades de UI, incluyendo un sistema de cuadrícula responsivo de doce columnas, elementos de formulario integrales y varias herramientas de diseño como tarjetas de contenido y listas plegables. También incluye utilidades de navegación como barras laterales y rutas de navegación (breadcrumbs), así como una variedad de superposiciones que incluyen diálogos modales, notificaciones del sistema y tooltips.
Implements APIs for controlling application navigation flow programmatically through code.
Swup es una librería de transición de página y cargador de páginas AJAX diseñado para crear transiciones animadas y fluidas entre páginas en sitios web renderizados por el servidor. Funciona como un orquestador de contenido DOM y gestor de historial del navegador, interceptando la navegación para reemplazar el contenido de la página dinámicamente y simular una experiencia de aplicación de una sola página. El proyecto se diferencia mediante un sistema de ciclo de vida basado en hooks y una arquitectura de plugins que permite la inyección de lógica personalizada y efectos de animación. Soporta métodos visuales avanzados incluyendo el morphing de contenido DOM, renderizado DOM paralelo para animaciones superpuestas e integración con la API nativa de View Transitions del navegador. La librería cubre una amplia gama de capacidades, incluyendo la gestión de navegación del lado del cliente, caché de páginas basada en memoria y precarga de páginas en segundo plano para optimizar el rendimiento. También proporciona una restauración completa de la posición de desplazamiento, optimizaciones de accesibilidad para lectores de pantalla y herramientas para sincronizar metadatos de cabecera de documento y ejecución de scripts a través de transiciones.
Provides APIs to programmatically trigger page transitions with custom animations and caching options.
InstaMaterial es una implementación de interfaz de redes sociales Material Design para Android. Sirve como un frontend de aplicación móvil y framework de navegación que cuenta con feeds de contenido desplazables, perfiles de usuario y elementos interactivos de participación social. El proyecto se distingue por su complejo diseño de movimiento, incluyendo animaciones de revelado circular que transicionan entre pantallas desde coordenadas táctiles específicas y efectos de entrada secuenciados que coordinan transformaciones de traslación, alfa y escala. También implementa un sistema de integración de cámara personalizado que utiliza sombreadores para el recorte circular de imágenes y el procesamiento de mapas de bits dentro de un flujo de trabajo de publicación de fotos. El framework cubre una amplia gama de capacidades de interfaz, incluyendo la gestión de la pila de actividades, inyección de cajón de navegación programática y gestión de feeds sociales. Incorpora un diseño de componentes interactivos con retroalimentación de onda, cambio de texto impulsado por estado para contadores numéricos y animaciones especializadas para errores de entrada y progreso de carga.
Integrates navigation drawers into existing activities programmatically without modifying underlying layout files.
MechanicalSoup es una biblioteca de automatización web de Python diseñada para simular el comportamiento del navegador. Funciona como un kit de herramientas para web scraping y automatización, proporcionando un motor de análisis HTML y un gestor de sesiones HTTP para interactuar con sitios web programáticamente. La biblioteca permite la interacción web headless (sin interfaz gráfica) imitando una sesión de usuario real. Gestiona el estado persistente a través del manejo de cookies y el seguimiento automático de redirecciones, permitiendo la navegación programática por sitios web y la simulación de interacciones complejas del navegador. Sus capacidades cubren el llenado y envío automatizado de formularios utilizando selectores CSS, así como la extracción de datos de respuestas HTML. El conjunto de herramientas incluye utilidades para descargar archivos vinculados, especificar agentes de usuario personalizados y buscar páginas basadas en palabras clave específicas. También proporciona herramientas de diagnóstico para renderizar el estado actual de la página en un navegador para su verificación visual.
Allows moving through a website programmatically by following hyperlinks and searching for keywords.
Vue.js Client-Side Router es una biblioteca de enrutamiento para Vue.js que sincroniza la URL del navegador con el estado de la aplicación para permitir la navegación en aplicaciones de una sola página (SPA). Funciona como un mapeador de URL a componente, renderizando componentes específicos basados en la ruta de la URL actual y patrones de ruta dinámicos. El proyecto sirve como un gestor de historial del navegador que controla cómo las rutas internas se mapean a la URL del navegador utilizando varias estrategias de historial. También proporciona un framework de guardias de navegación para ejecutar lógica y control de acceso durante las transiciones de ruta. La biblioteca cubre la gestión de rutas dinámicas, manipulación programática de URL y el análisis de parámetros de consulta. Admite la definición de rutas de aplicación a través de rutas estáticas y dinámicas para controlar el movimiento entre diferentes vistas.
Provides APIs to trigger URL changes and view transitions programmatically via code.
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
Injects different view controllers or layout styles into the result area based on the search outcome mode.
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
Implements mechanisms for triggering route changes through code to redirect user flow based on application logic.