awesome-repositories.com
Blog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
VPenkov avatar

VPenkov/okayNav

0
View on GitHub↗
3,985 stars·257 forks·JavaScript·5 vues

OkayNav

okayNav is a JavaScript library for creating responsive navigation menus that automatically collapse into off-screen sidebars based on viewport width. It functions as a viewport-aware UI component that recalculates the distribution of visible and hidden navigation links as the browser window resizes.

The framework distinguishes itself by providing a swipe-enabled system for opening and closing mobile menus using touch gestures with adjustable sensitivity. It also allows for programmatic control over the visibility of navigation drawers to trigger menus based on specific user actions.

Features

  • Navigation Menus - Creates responsive navigation menus that automatically collapse into off-screen drawers on smaller screens.
  • Mobile Gesture Interactions - Implements touch-based swipe gestures to reveal or hide the mobile navigation drawer.
  • Swipe-to-Open Navigation - Provides a navigation framework using touch gestures to open and close mobile menus with adjustable sensitivity.
  • Layout Recalculation Triggers - Initiates layout updates to redistribute navigation items when the browser window size changes.
  • Navigation Collapsibles - Ships a library that implements UI patterns for hiding navigation menus behind toggle buttons on small screens.
  • Drawer Swipe Navigation - Triggers the opening and closing of the navigation menu using swipe gestures with adjustable sensitivity.
  • Viewport Resize Handling - Automatically recalculates the layout and distribution of navigation links when the browser window is resized.
  • DOM Element Manipulators - Programmatically moves navigation links between the header and the collapsed menu based on available screen space.
  • Off-Screen Viewport Positioning - Hides the navigation menu by positioning it outside the visible viewport using CSS transforms.
  • Programmatic Menu Toggles - Provides programmatic triggers and event listeners to open or close the navigation menu.
  • Programmatic State Controllers - Provides APIs to control the open and closed states of navigation drawers via code.
  • Touch Gesture Detection - Implements a system for detecting swipe gestures based on touch start and end coordinates.

Historique des stars

Graphique de l'historique des stars pour vpenkov/okaynavGraphique de l'historique des stars pour vpenkov/okaynav

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à OkayNav

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec OkayNav.
  • desandro/masonryAvatar de desandro

    desandro/masonry

    16,709Voir sur GitHub↗

    Masonry is a JavaScript library for arranging elements of varying heights into a grid without vertical gaps. It serves as a DOM element positioner and dynamic layout manager that calculates and applies absolute coordinates to HTML elements based on available vertical space. The system functions as a responsive grid engine using percentage-based widths to maintain consistent structures across different screen sizes. It includes capabilities to recalculate grid positions after images load or browser windows resize to prevent element overlap. The library covers grid management and positioning,

    HTML
    Voir sur GitHub↗16,709
  • react-native-community/react-native-modalAvatar de react-native-community

    react-native-community/react-native-modal

    5,656Voir sur GitHub↗

    This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

    TypeScript
    Voir sur GitHub↗5,656
  • jakiestfu/snap.jsAvatar de jakiestfu

    jakiestfu/Snap.js

    5,952Voir sur GitHub↗

    Snap.js is a JavaScript library for building draggable side navigation panels on touch devices. It enables slide-in menus from the left or right screen edge, driven by a gesture-based state machine that interprets drag and flick gestures to open and close the panel. The library distinguishes horizontal menu drags from vertical scrolling by analyzing the initial touch movement angle, and locks menu movement to a single axis to prevent interference. It uses hardware-accelerated CSS transforms for smooth animations and provides configurable snap thresholds that determine whether a drag should op

    JavaScript
    Voir sur GitHub↗5,952
  • chakra-ui/zagAvatar de chakra-ui

    chakra-ui/zag

    5,121Voir sur GitHub↗

    Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

    TypeScripta11yaccessibilityagnostic
    Voir sur GitHub↗5,121
Voir les 30 alternatives à OkayNav→

Questions fréquentes

Que fait vpenkov/okaynav ?

okayNav is a JavaScript library for creating responsive navigation menus that automatically collapse into off-screen sidebars based on viewport width. It functions as a viewport-aware UI component that recalculates the distribution of visible and hidden navigation links as the browser window resizes.

Quelles sont les fonctionnalités principales de vpenkov/okaynav ?

Les fonctionnalités principales de vpenkov/okaynav sont : Navigation Menus, Mobile Gesture Interactions, Swipe-to-Open Navigation, Layout Recalculation Triggers, Navigation Collapsibles, Drawer Swipe Navigation, Viewport Resize Handling, DOM Element Manipulators.

Quelles sont les alternatives open-source à vpenkov/okaynav ?

Les alternatives open-source à vpenkov/okaynav incluent : desandro/masonry — Masonry is a JavaScript library for arranging elements of varying heights into a grid without vertical gaps. It serves… react-native-community/react-native-modal — This project is a cross-platform UI component for React Native applications that provides a customizable overlay… jakiestfu/snap.js — Snap.js is a JavaScript library for building draggable side navigation panels on touch devices. It enables slide-in… chakra-ui/zag — Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across… mgp/book-notes — This project is a markdown-based personal knowledge base and digital learning journal used to store notes and… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…