Awesome GitHub RepositoriesNested Navigation Menus

This project is a document-centric e-reader application designed for reading, annotating, and managing digital content across diverse e-ink and mobile hardware platforms. It provides a portable execution runtime and a declarative widget-based toolkit that enables the creation of responsive, hierarchical user interfaces tailored for resource-constrained display environments. The application distinguishes itself through a robust platform-abstraction layer that maps hardware-specific features—such as haptics, screen orientation, and network connectivity—to a unified interface. It utilizes a modu

cmdk is an unstyled, headless React component library for building accessible search-based navigation and command interfaces. It provides the logic and state management required to create keyboard-navigable command palettes that filter lists of actions and items based on user input. The library distinguishes itself by remaining visually agnostic, offering a collection of logic-heavy components without predefined styles. It supports advanced organization through hierarchical menu navigation, nested paging systems, and conditional group filtering that hides categories when no child items match

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma

react-admin is a full-featured admin dashboard built with React and Ant Design, designed for building interfaces that manage backend operations. Its core identity centers on providing a complete admin panel with dynamic menu configuration, role-based access control, and third-party OAuth authentication, all within a responsive layout that adapts to different screen widths. The project distinguishes itself through a dynamic route-based menu system that fetches navigation structure from a server API, enabling runtime menu updates without redeploying the application. It integrates role-based rou

kbar is a React command palette library that gives applications a searchable overlay for finding and executing commands using the keyboard. It includes keyboard shortcut binding, so users can trigger commands directly without opening the palette, and supports nested sub-menu navigation, allowing actions to be organized into hierarchical groups that can be drilled into and back out of with arrow keys. The library differentiates itself through a hook-based API that lets any React component register commands and shortcuts declaratively, alongside a global keyboard listener that handles palette a

Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

layuimini, Layui के साथ बनाया गया एक गतिशील प्रशासनिक डैशबोर्ड फ्रेमवर्क और फ्रंटएंड टेम्प्लेट है। यह बैकएंड प्रबंधन इंटरफेस बनाने के लिए एक संरचनात्मक आधार प्रदान करता है जो एक सिंगल API एंडपॉइंट के माध्यम से इनिशियलाइज़ होता है। फ्रेमवर्क में एक API-संचालित नेविगेशन सिस्टम है जो JSON डेटा से नेस्टेड, मल्टी-लेवल मेनू और दृश्य आइकन उत्पन्न करने के लिए रिकर्सिव रेंडरिंग का उपयोग करता है। इसमें एक मल्टी-टैब विंडो प्रबंधन प्रणाली शामिल है जो URL हैश का उपयोग करके सक्रिय व्यू और टैब स्टेट को बनाए रखती है। यह सिस्टम प्रशासनिक लेआउट निर्माण, HTML या iframes के माध्यम से गतिशील घटक इंजेक्शन, और टूटे हुए लिंक के उपयोगकर्ताओं को पता लगाने और सूचित करने के लिए नेविगेशन गार्डिंग को कवर करता है।

Melt UI Svelte के लिए एक हेडलेस UI लाइब्रेरी है जो अनस्टाइल, सुलभ (accessible) कंपोनेंट बिल्डर्स का संग्रह प्रदान करती है। यह एक सुलभ कंपोनेंट फ्रेमवर्क और स्टेट मैनेजमेंट टूल के रूप में कार्य करता है, जो WAI-ARIA मानकों का पालन करने वाले और विशिष्ट विज़ुअल स्टाइल थोपे बिना कीबोर्ड नेविगेशन का समर्थन करने वाले इंटरफ़ेस तत्वों को बनाने के लिए आवश्यक लॉजिक और स्टेट प्रदान करता है। इस लाइब्रेरी में एक फ्लोटिंग एलिमेंट पोजिशनिंग इंजन है जो ट्रिगर तत्वों के सापेक्ष पॉपओवर, टूलटिप्स और मेनू के प्लेसमेंट को मैनेज करता है। यह सिस्टम लेआउट क्लिपिंग को रोकने के लिए पोर्टल्स का उपयोग करता है और यह सुनिश्चित करने के लिए स्वचालित ओवरफ्लो रोकथाम को शामिल करता है कि तत्व स्क्रीन सीमाओं के भीतर रहें। टूलसेट कार्यात्मक UI घटकों की एक विस्तृत श्रृंखला को कवर करता है, जिसमें कॉम्बोबॉक्स और स्लाइडर्स जैसे फॉर्म तत्व, ट्री व्यू और टैब जैसे नेविगेशन पैटर्न, और डायलॉग मोडल्स जैसे ओवरले यूटिलिटीज शामिल हैं। यह दिनांक और समय चयन के लिए विशेष इंटरफ़ेस, साथ ही एकॉर्डियन और टूलबार जैसे लेआउट घटकों को भी प्रदान करता है।

django-unfold is a modern theme and UI toolkit for the Django administrative interface. It provides a visual layer designed to customize the backoffice with a modern CSS theme, featuring dark mode support and tools for brand-specific visual customization. The project distinguishes itself through a comprehensive navigation manager that supports hierarchical sidebars and a command palette for jumping between content. It includes a dashboard framework with a custom builder and pre-built layouts for creating data-driven homepages using widgets and charts. The toolkit covers a broad range of admi