7 रिपॉजिटरी
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.
यह प्रोजेक्ट React-आधारित एडमिनिस्ट्रेटिव टेम्पलेट और UI किट है, जिसे डैशबोर्ड बनाने के लिए डिज़ाइन किया गया है। इसमें पहले से स्टाइल किए गए लेआउट्स, एक सुलभ (accessible) कंपोनेंट लाइब्रेरी और एडमिनिस्ट्रेटिव इंटरफेस बनाने के लिए Sass-आधारित UI फ्रेमवर्क का व्यापक संग्रह मिलता है। यह टेम्पलेट विशेष रूप से AI-ऑप्टिमाइज़्ड प्रोजेक्ट के रूप में संरचित है, जिसमें ऐसे कोडिंग पैटर्न और संगठन का उपयोग किया गया है जो AI असिस्टेंट्स को सुसंगत और प्रोडक्शन-रेडी React कोड जनरेट करने में मदद करते हैं। इसमें Sass वेरिएबल्स और CSS कस्टम प्रॉपर्टीज का उपयोग करने वाली एक लचीली स्टाइलिंग प्रणाली है, जो कस्टमाइज़ेबल लाइट और डार्क थीम्स को सपोर्ट करती है। यह किट डेटा विज़ुअलाइज़ेशन विजेट्स, सॉर्टिंग और पेजिनेशन वाली इंटरैक्टिव टेबल्स, और मल्टी-स्टेप विजार्ड्स जैसे जटिल फॉर्म एलिमेंट्स सहित इंटरफेस क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है। इसमें साइडबार और ब्रेडक्रंब जैसे उच्च-स्तरीय नेविगेशन सिस्टम, साथ ही रिस्पॉन्सिव ग्रिड, मोडल डायलॉग्स और सुलभ कैलेंडर इंटरफेस जैसे स्ट्रक्चरल कंपोनेंट्स शामिल हैं।
Deno UI synchronizes menu expansion and collapse with the current application route.
pagePiling.js एक JavaScript फुल-पेज स्क्रॉलिंग लाइब्रेरी है जिसका उपयोग फुल-स्क्रीन सेक्शन के स्टैक्ड लेआउट बनाने के लिए किया जाता है। यह एक सेक्शन-आधारित लेआउट इंजन और इनपुट-ड्रिवन पेज नेविगेटर के रूप में कार्य करता है जो माउस व्हील, टच जेस्चर और कीबोर्ड इनपुट के माध्यम से मूवमेंट का प्रबंधन करता है। यह लाइब्रेरी सीधे लिंकिंग और बुकमार्किंग को सक्षम करने के लिए पेज सेक्शन को अद्वितीय URL एंकर के साथ सिंक्रनाइज़ करती है। इसमें एक लाइफसाइकिल इवेंट हैंडलर शामिल है जो ट्रांज़िशन के दौरान सेक्शन रेंडर, लोड या एग्जिट होने पर कस्टम JavaScript कॉलबैक निष्पादित करता है। यह सिस्टम प्रोग्रामेटिक सेक्शन नेविगेशन, सिंक्रनाइज़्ड नेविगेशन मेनू और उन सेक्शन के लिए स्वतंत्र स्क्रॉलिंग की क्षमताएं प्रदान करता है जो व्यूपोर्ट ऊंचाई से अधिक हैं।
Provides an API-driven interface to programmatically move the viewport to specific page sections by index or anchor link.