7 repositorios
API-driven movement of the viewport to specific predefined content sections.
Distinct from Section Headers: Neither document sectioning nor header components capture the act of programmatically moving the viewport.
Explore 7 awesome GitHub repositories matching user interface & experience · Programmatic Section Navigation. Refine with filters or upvote what's useful.
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
Allows navigating to a specific section or slide using direct commands with optional animation.
Gollum is a Git-powered wiki engine and content management system that provides a web-based interface for editing and organizing files stored in a Git repository. It functions as a self-hosted documentation tool, using a Git-based storage backend to manage page content and track version history. The system is characterized by a pluggable markup rendering architecture that converts multiple markup languages and specialized notations into HTML. It supports a wide array of rich content, including mathematical typesetting, BibTeX bibliographies, and diagrams rendered via Mermaid. Broad capabilit
Enables direct navigation to specific page headers when initiating an edit from the rendered view.
react-native-swiper is a cross-platform mobile carousel component that provides a swipeable interface for cycling through content panels. It supports both horizontal and vertical transitions and includes a visual pagination system using customizable indicators like dots or numbers to track the user's position. The component features a lazy-loading mechanism that defers the rendering of off-screen content to reduce memory usage and improve initial load times. It supports infinite looping, automated slide transitions via a timer, and programmatic navigation control to move the slider to specifi
Offers API calls to programmatically move the slider to a specific index with custom animations.
Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover
Synchronizes tabs, lists, and menus automatically with the current application route state.
onepage-scroll is a JavaScript library and scroll orchestrator that transforms websites into a series of sections navigated one page at a time. It functions as a single page navigation tool that implements viewport-based section snapping to lock the scroll position to full-screen segments. The library provides a responsive scrolling interface that automatically reverts to standard browser scrolling behavior when the window width drops below a defined threshold. It synchronizes the browser address bar with the current section index as the user navigates through the page. The system includes c
Implements an API for programmatically moving the viewport to specific predefined content sections.
Este proyecto es una plantilla administrativa basada en React y un kit de UI diseñado para construir paneles. Proporciona una colección completa de diseños con estilo previo, una biblioteca de componentes accesible y un framework de UI basado en Sass para crear interfaces administrativas. La plantilla está estructurada específicamente como un proyecto optimizado para IA, utilizando patrones de codificación y organización diseñados para ayudar a los asistentes de IA a generar código React consistente y listo para producción. Cuenta con un sistema de estilos flexible que utiliza variables Sass y propiedades personalizadas de CSS para admitir temas claros y oscuros personalizables. El kit cubre una amplia gama de capacidades de interfaz, incluyendo widgets de visualización de datos, tablas interactivas con ordenamiento y paginación, y elementos de formulario complejos como asistentes de varios pasos. Incluye sistemas de navegación de alto nivel como barras laterales y rutas de navegación, así como componentes estructurales como cuadrículas receptivas, diálogos modales e interfaces de calendario accesibles.
Deno UI synchronizes menu expansion and collapse with the current application route.
pagePiling.js es una librería de JavaScript para scroll de página completa utilizada para crear diseños apilados de secciones a pantalla completa. Funciona como un motor de diseño basado en secciones y un navegador de páginas impulsado por entrada que gestiona el movimiento a través de ruedas de ratón, gestos táctiles y entradas de teclado. La librería sincroniza las secciones de la página con anclas de URL únicas para permitir enlaces directos y marcadores. Incluye un manejador de eventos de ciclo de vida que ejecuta callbacks de JavaScript personalizados cuando las secciones se renderizan, cargan o salen durante las transiciones. El sistema proporciona capacidades para la navegación programática de secciones, menús de navegación sincronizados y scroll independiente para secciones que exceden la altura del viewport.
Provides an API-driven interface to programmatically move the viewport to specific page sections by index or anchor link.