For menu integrations, the strongest matches are szhsin/react-menu (React Menu is a specialized UI component library for), icings/menu (This PHP library helps construct and manage hierarchical navigation) and spatie/laravel-menu (This Laravel package is an HTML menu generator that). reach/reach-ui and dip/cmdk round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Browse hand-picked open-source restaurant menu integration tools, ranked by GitHub stars and activity, and find the best fit for your project.
React Menu is a library for building accessible, keyboard-navigable dropdown and context menus within web applications. It provides a set of tools for creating complex, hierarchical navigation structures that support unlimited submenu nesting and standard accessibility patterns for screen reader compatibility. The library distinguishes itself through a focus on dynamic layout and positioning, utilizing real-time collision detection to adjust menu placement relative to anchor elements and viewport boundaries. It employs a portal-based rendering strategy to prevent clipping and z-index conflict
React Menu is a specialized UI component library for building accessible dropdown and context menus, fitting the navigation menu requirement well though it focuses specifically on menus rather than broader navigation bars.
ico-build: https://img.shields.io/github/actions/workflow/status/icings/menu/ci.yml?branch=5.x&style=flat-square ico-coverage: https://img.shields.io/codecov/c/github/icings/menu/5.x.svg?style=flat-square ico-version:…
This PHP library helps construct and manage hierarchical navigation menus for web applications, fitting the navigation menu category despite having a thin description and no visible support for third-party restaurant ordering APIs.
Html menu generator for Laravel
This Laravel package is an HTML menu generator that helps build navigation structures, though it focuses on server-side rendering rather than modern client-side features like touch-friendly mobile navigation or rich third-party integrations.
Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as
Reach UI is a low-level accessible React component library rather than a dedicated navigation menu library or menu integration system, making it an underlying building block rather than the specific tool requested.
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
This repository is a headless command palette and search component rather than a general website navigation menu or restaurant menu integration system, making it a neighbouring UI building block rather than the requested tool.
This project is an accessible modal component for React applications. It provides a dialog window that overlays main content and manages keyboard focus to ensure compatibility with assistive technologies. The component integrates a portal wrapper to render modal content into a separate DOM node, avoiding layout nesting issues. It uses a focus-trapping system to restrict keyboard navigation to the dialog window and prevent users from tabbing into background page content. The library covers visibility control, custom portal mounting, and visual styling for dialog windows and overlays. It also
This repository provides an accessible modal component rather than website navigation bars, making it a UI building block from a different component category.
Naive UI is a Vue 3 component library and type-safe UI framework designed for building web application interfaces. It functions as a themeable design system that provides a collection of pre-built user interface components. The library utilizes a JavaScript-object-based theme engine to customize visual styles without relying on CSS variables or external stylesheets. It includes a virtual list renderer to maintain performance when displaying large datasets by rendering only the items visible within the viewport. The framework integrates with TypeScript to provide prop validation and type-safe
Naive UI is a general Vue 3 component library providing various UI building blocks rather than a dedicated navigation menu or menu integration system.
Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern
Downshift is a React headless UI library focused on building accessible autocomplete and combobox dropdowns rather than general website navigation menus or ordering systems.
Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f
This repository provides unstyled, accessible UI building blocks for React rather than a dedicated navigation menu library or website menu integration system.
Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup. The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym
Semantic UI React is a general-purpose component library offering UI building blocks including navigation elements, but it is not specifically a dedicated menu library or restaurant ordering integration system.
Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels. The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips
This repository is a collection of AngularJS directives for Bootstrap 3 components rather than a standalone menu builder or integration library, making it a UI building block you would use alongside other tools rather than the navigation system itself.
Grommet is a React UI framework and accessible component library designed for building themed user interfaces. It provides a responsive design system and a themed interface toolkit to ensure inclusive user experiences across various screen sizes and device orientations. The framework emphasizes accessible UI development by providing pre-styled elements that follow web accessibility standards for screen readers and keyboard navigation. It enables the implementation of custom themes through a centralized system that manages visual styles and design tokens. The toolkit covers responsive web des
Grommet is a general-purpose React UI framework providing accessible layout components rather than a dedicated navigation menu library or menu integration system.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| szhsin/react-menu | 1.2K | JavaScript | MIT | |
| icings/menu | 12 | PHP | MIT | |
| spatie/laravel-menu | 982 | PHP | MIT | |
| reach/reach-ui | 6K | TypeScript | MIT | |
| dip/cmdk | 12.7K | TypeScript | MIT | |
| reactjs/react-modal | 7.4K | JavaScript | MIT | |
| tusimple/naive-ui | 18.4K | TypeScript | MIT | |
| downshift-js/downshift | 12.3K | JavaScript | MIT | |
| radix-ui/primitives | 18.6K | TypeScript | mit | |
| semantic-org/semantic-ui-react | 13.2K | JavaScript | MIT |