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 工具包,专为构建仪表盘而设计。它提供了一套完整的预设布局、无障碍组件库以及基于 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.