7 repository-uri
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.
Acest proiect este un șablon administrativ bazat pe React și un kit UI conceput pentru construirea de dashboard-uri. Oferă o colecție cuprinzătoare de layout-uri pre-stilizate, o bibliotecă de componente accesibile și un framework UI bazat pe Sass pentru crearea interfețelor administrative. Șablonul este structurat în mod specific ca un proiect optimizat pentru AI, utilizând tipare de codare și organizare concepute pentru a ajuta asistenții AI să genereze cod React consistent și gata de producție. Dispune de un sistem de stilizare flexibil folosind variabile Sass și proprietăți personalizate CSS pentru a suporta teme personalizabile light și dark. Kit-ul acoperă o gamă largă de capabilități de interfață, inclusiv widget-uri de vizualizare a datelor, tabele interactive cu sortare și paginare, și elemente de formular complexe precum wizard-uri multi-pas. Include sisteme de navigare de nivel înalt, cum ar fi bare laterale și breadcrumbs, precum și componente structurale precum grile responsive, dialoguri modale și interfețe de calendar accesibile.
Deno UI synchronizes menu expansion and collapse with the current application route.
pagePiling.js este o bibliotecă JavaScript de scroll pe pagină întreagă utilizată pentru a crea layout-uri stivuite de secțiuni pe tot ecranul. Aceasta funcționează ca un motor de layout bazat pe secțiuni și un navigator de pagină condus de input, care gestionează mișcarea prin rotițele mouse-ului, gesturile tactile și intrările de la tastatură. Biblioteca sincronizează secțiunile paginii cu ancore URL unice pentru a permite link-urile directe și marcajele. Include un handler de evenimente de ciclu de viață care execută callback-uri JavaScript personalizate atunci când secțiunile sunt randate, încărcate sau părăsite în timpul tranzițiilor. Sistemul oferă capabilități pentru navigarea programatică în secțiuni, meniuri de navigare sincronizate și scroll independent pentru secțiunile care depășesc înălțimea viewport-ului.
Provides an API-driven interface to programmatically move the viewport to specific page sections by index or anchor link.