This app is an interactive menu for food delivery platforms, restaurant websites, and ordering systems. It includes a ScrollSpy-powered navigation that automatically highlights menu categories as users scroll.

Customers can browse items, tap to view details, and add selections to their cart through a dynamic dialog based on the Bootstrap 5 Modal component.

Customization

Both the ScrollSpy and Modal logic are handled through a minimal amount of JavaScript code.

Menu items are structured as regular HTML elements with data attributes, so you can easily adapt the design for use with frameworks, database backends or REST APIs. The code follows all the standard HTML and Bootstrap practices, making it ideal for integrating into existing websites or ecommerce platforms.

Limitations

The app does not include a cart or ordering system. You will need to implement the cart functionality and checkout process separately.

Get started

Download the .bsdesign file from the button above, and open it in Bootstrap Studio. All the menu items, food images and styles can be modified with our powerful visual editor.