awesome-repositories.com分类博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
mango avatar

mango/slideout

0
View on GitHub↗
7,881 星标·1,122 分支·JavaScript·MIT·11 次浏览slideout.js.org↗

Slideout

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport.

The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.

Features

  • Mobile Web Navigation Menus - Provides a touch-enabled slide-out side menu specifically designed for mobile web applications.
  • Mobile-Compatible Web Apps - Provides a responsive navigation drawer optimized for interaction patterns on mobile devices.
  • Mobile Slide-out Menus - Provides a touch-enabled side menu that slides across the screen to reveal navigation options.
  • Sliding Panels - Uses CSS transitions to animate the movement of a side panel across the viewport.
  • Gesture Navigation - Implements swipe and drag interactions to open and close a hidden navigation panel.
  • Gesture-Based UI Components - Ships a UI component that uses real-time gesture coordinates to drive the layout state of the navigation menu.
  • Side Navigation - Provides a collapsible side panel used for application-wide navigation on mobile devices.
  • Touch Event Processors - Maps raw touch coordinates to the real-time horizontal translation of the navigation container.
  • State-Driven Callbacks - Provides callback functions triggered when the menu reaches specific state milestones like open or close.
  • Menu Visibility State Machines - Manages the expanded or collapsed visibility state of the slideout menu using state orchestration.
  • Menu Transition Hooks - Executes custom logic triggered by menu state transitions, such as opening and closing.
  • Gesture Thresholding - Uses coordinate-based distance tracking to determine whether to snap the menu open or closed.
  • CSS Transitions - Utilizes hardware-accelerated CSS transitions to animate the sliding movement of the navigation panel.
  • Gesture Conflict Resolution - Allows disabling slideout triggers for elements like maps or carousels to prevent interaction conflicts.
  • Gesture Exclusion - Prevents slideout triggers by checking for specific CSS classes or parent elements during touch events.
  • Touch-Optimized Interfaces - Implements intuitive slide-and-drag interaction patterns optimized for touch-enabled mobile interfaces.
  • Mobile Web Libraries - Lightweight navigation menu component for mobile web apps.
  • Navigation Menus - Touch-enabled slideout navigation for mobile apps.
  • 侧滑插件(offcancas) - Listed in the “侧滑插件(offcancas)” section of the Awesome Frontend awesome list.
  • Menus - Touch-enabled slide-out navigation.

Star 历史

mango/slideout 的 Star 历史图表mango/slideout 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

mango/slideout 是做什么的？

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport.

mango/slideout 的主要功能有哪些？

mango/slideout 的主要功能包括：Mobile Web Navigation Menus, Mobile-Compatible Web Apps, Mobile Slide-out Menus, Sliding Panels, Gesture Navigation, Gesture-Based UI Components, Side Navigation, Touch Event Processors。

mango/slideout 有哪些开源替代品？

mango/slideout 的开源替代品包括： mattbryson/touchswipe-jquery-plugin — This project is a jQuery plugin designed to detect and handle touch gestures on touch-enabled devices. It serves as a… jfeinstein10/slidingmenu — SlidingMenu is an Android navigation drawer library and UI component library used to create side-panel navigation… gabrielecirulli/2048 — This is a browser-based puzzle game and HTML5 JavaScript application where players slide and merge numbered tiles on a… jonkykong/sidemenu — SideMenu is an iOS navigation menu library and mobile app navigation framework written in Swift. It provides reusable… mutualmobile/mmdrawercontroller — MMDrawerController is a side drawer navigation controller for mobile applications. It serves as a mobile UI navigation… boxfactura/pulltorefresh.js — pulltorefresh.js is a JavaScript library and touch-gesture UI component used to add pull-to-refresh functionality to…

Slideout 的开源替代方案

相似的开源项目，按与 Slideout 的功能重合度排序。
  • mattbryson/touchswipe-jquery-pluginmattbryson 的头像

    mattbryson/TouchSwipe-Jquery-Plugin

    4,035在 GitHub 上查看↗

    This project is a jQuery plugin designed to detect and handle touch gestures on touch-enabled devices. It serves as a touch input handler and mobile gesture interface for identifying interactions such as swipes and pinches within a jQuery environment. The library distinguishes intentional gestures from accidental movements through configurable distance and time thresholds. It includes mechanisms to manage input interference, allowing for the exclusion of specific interactive child elements and the locking of default browser behaviors like scrolling or zooming during an active gesture. The sy

    JavaScript
    在 GitHub 上查看↗4,035
  • jfeinstein10/slidingmenujfeinstein10 的头像

    jfeinstein10/SlidingMenu

    11,001在 GitHub 上查看↗

    SlidingMenu is an Android navigation drawer library and UI component library used to create side-panel navigation menus that slide over or push primary content. It functions as an activity wrapper and a set of XML layout components to manage the interaction between main content and navigation layers. The library provides a system for menu aesthetic customization, allowing for the adjustment of scroll scales, fade effects, drop shadows, and touch-responsive areas. It implements a slide-in navigation interface that reveals a hidden side panel through programmatic activity wrapping and XML menu

    Java
    在 GitHub 上查看↗11,001
  • gabrielecirulli/2048gabrielecirulli 的头像

    gabrielecirulli/2048

    13,276在 GitHub 上查看↗

    This is a browser-based puzzle game and HTML5 JavaScript application where players slide and merge numbered tiles on a grid to reach a target value. The game runs entirely on the client side, using web standard technologies to handle game logic and rendering directly in the browser. The application is a mobile-compatible web app that translates touch-swipe gestures and keyboard inputs into directional commands. It includes a local storage score tracker to save and maintain a record of high scores across different sessions.

    JavaScript20482048-gamegame
    在 GitHub 上查看↗13,276
  • jonkykong/sidemenujonkykong 的头像

    jonkykong/SideMenu

    5,819在 GitHub 上查看↗

    SideMenu is an iOS navigation menu library and mobile app navigation framework written in Swift. It provides reusable components for implementing animated slide-out side menus and navigation drawers within iOS applications. The framework supports continuous swiping navigation, allowing users to transition between menus on opposite sides of the screen in a single motion. It includes a coordination system to manage multiple menu instances across different navigation levels and a global configuration mechanism to ensure consistent behavior and appearance across all application screens. The libr

    Swift
    在 GitHub 上查看↗5,819
    • 查看 Slideout 的所有 30 个替代方案→