7 Repos
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.
Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.
Deno UI synchronizes menu expansion and collapse with the current application route.
pagePiling.js is a JavaScript full-page scrolling library used to create stacked layouts of full-screen sections. It functions as a section-based layout engine and an input-driven page navigator that manages movement across mouse wheels, touch gestures, and keyboard inputs. The library synchronizes page sections with unique URL anchors to enable direct linking and bookmarking. It includes a lifecycle event handler that executes custom JavaScript callbacks when sections are rendered, loaded, or exited during transitions. The system provides capabilities for programmatic section navigation, sy
Provides an API-driven interface to programmatically move the viewport to specific page sections by index or anchor link.