awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
mango avatar

mango/slideout

0
View on GitHub↗
7,881 stele·1,122 fork-uri·JavaScript·MIT·5 vizualizărislideout.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.

Istoric stele

Graficul istoricului de stele pentru mango/slideoutGraficul istoricului de stele pentru mango/slideout

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI

Alternative open-source pentru Slideout

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Slideout.
  • mattbryson/touchswipe-jquery-pluginAvatar mattbryson

    mattbryson/TouchSwipe-Jquery-Plugin

    4,035Vezi pe 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
    Vezi pe GitHub↗4,035
  • jfeinstein10/slidingmenuAvatar jfeinstein10

    jfeinstein10/SlidingMenu

    11,001Vezi pe 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
    Vezi pe GitHub↗11,001
  • gabrielecirulli/2048Avatar gabrielecirulli

    gabrielecirulli/2048

    13,276Vezi pe 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
    Vezi pe GitHub↗13,276
  • jonkykong/sidemenuAvatar jonkykong

    jonkykong/SideMenu

    5,819Vezi pe 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
    Vezi pe GitHub↗5,819
Vezi toate cele 30 alternative pentru Slideout→

Întrebări frecvente

Ce face 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.

Care sunt principalele funcționalități ale mango/slideout?

Principalele funcționalități ale mango/slideout sunt: 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.

Care sunt câteva alternative open-source pentru mango/slideout?

Alternativele open-source pentru mango/slideout includ: 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…