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

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
VPenkov avatar

VPenkov/okayNav

0
View on GitHub↗

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.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

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.
3,985 stars·257 forks·JavaScript·16 views

Star history

Star history chart for vpenkov/okaynavStar history chart for vpenkov/okaynav

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with OkayNav

These projects share indexed features with OkayNav. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • desandro/masonrydesandro avatar

    desandro/masonry

    16,709View on 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
    View on GitHub↗16,709
  • react-native-community/react-native-modalreact-native-community avatar

    react-native-community/react-native-modal

    5,656View on 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
    View on GitHub↗5,656
  • jakiestfu/snap.jsjakiestfu avatar

    jakiestfu/Snap.js

    5,952View on 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
    View on GitHub↗5,952
  • chakra-ui/zagchakra-ui avatar

    chakra-ui/zag

    5,121View on 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
    View on GitHub↗5,121
Compare all 30 related projects→

Frequently asked questions

What does vpenkov/okaynav do?

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.

What are the main features of vpenkov/okaynav?

The main features of vpenkov/okaynav are: Navigation Menus, Mobile Gesture Interactions, Swipe-to-Open Navigation, Layout Recalculation Triggers, Navigation Collapsibles, Drawer Swipe Navigation, Viewport Resize Handling, DOM Element Manipulators.

Which projects share features with vpenkov/okaynav?

Projects with overlapping indexed features include: 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…