awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
VPenkov avatar

VPenkov/okayNav

0
View on GitHub↗
3,985 نجوم·257 تفرعات·JavaScript·7 مشاهدات

OkayNav

okayNav هي مكتبة JavaScript لإنشاء قوائم تنقل متجاوبة تنهار تلقائياً إلى أشرطة جانبية خارج الشاشة بناءً على عرض إطار العرض (Viewport). تعمل كمكون واجهة مستخدم مدرك لإطار العرض يقوم بإعادة حساب توزيع روابط التنقل المرئية والمخفية عند تغيير حجم نافذة المتصفح.

يتميز إطار العمل بتوفير نظام يدعم التمرير السريع لفتح وإغلاق القوائم المحمولة باستخدام إيماءات اللمس مع حساسية قابلة للتعديل. كما يسمح بالتحكم البرمجي في رؤية أدراج التنقل لتشغيل القوائم بناءً على إجراءات مستخدم محددة.

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.

سجل النجوم

مخطط تاريخ النجوم لـ vpenkov/okaynavمخطط تاريخ النجوم لـ vpenkov/okaynav

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

الأسئلة الشائعة

ما هي وظيفة vpenkov/okaynav؟

okayNav هي مكتبة JavaScript لإنشاء قوائم تنقل متجاوبة تنهار تلقائياً إلى أشرطة جانبية خارج الشاشة بناءً على عرض إطار العرض (Viewport). تعمل كمكون واجهة مستخدم مدرك لإطار العرض يقوم بإعادة حساب توزيع روابط التنقل المرئية والمخفية عند تغيير حجم نافذة المتصفح.

ما هي الميزات الرئيسية لـ vpenkov/okaynav؟

الميزات الرئيسية لـ vpenkov/okaynav هي: Navigation Menus, Mobile Gesture Interactions, Swipe-to-Open Navigation, Layout Recalculation Triggers, Navigation Collapsibles, Drawer Swipe Navigation, Viewport Resize Handling, DOM Element Manipulators.

ما هي البدائل مفتوحة المصدر لـ vpenkov/okaynav؟

تشمل البدائل مفتوحة المصدر لـ vpenkov/okaynav: 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…

بدائل مفتوحة المصدر لـ OkayNav

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع OkayNav.
  • desandro/masonryالصورة الرمزية لـ desandro

    desandro/masonry

    16,709عرض على 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
    عرض على GitHub↗16,709
  • react-native-community/react-native-modalالصورة الرمزية لـ react-native-community

    react-native-community/react-native-modal

    5,656عرض على 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
    عرض على GitHub↗5,656
  • jakiestfu/snap.jsالصورة الرمزية لـ jakiestfu

    jakiestfu/Snap.js

    5,952عرض على 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
    عرض على GitHub↗5,952
  • chakra-ui/zagالصورة الرمزية لـ chakra-ui

    chakra-ui/zag

    5,121عرض على 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
    عرض على GitHub↗5,121
عرض جميع البدائل الـ 30 لـ OkayNav→