Bottom Sheet Mobile Menu
Dark mobile app menu that slides up from the bottom as a rounded sheet with a drag handle, quick action tiles, scrim, focus trap and swipe to close.
Tag: menu
Components tagged with "menu".
9 components
Coffee Shop Homepage Template
Warm, light Bootstrap 6 coffee shop homepage with an arched photo hero, filterable menu chips, roasting stepper, reviews, location map, FAQ and an order-ahead dialog.
Restaurant Homepage Template
Dark Bootstrap 6 restaurant homepage with a photo hero, live opening status, tabbed menu highlights, chef story, reviews, a datepicker reservation form and footer.
Split Button Dropdown
Bootstrap 5 split buttons: a primary deploy action whose target is chosen from an attached dropdown, plus compact save and export split buttons.
Hover and Focus Dropdown
Dark navbar with pure CSS dropdown menus that open on hover and keyboard focus, plus a small vanilla JS layer for Escape, arrow keys and touch taps.
Floating Action Button Speed Dial
Pure CSS floating action button that expands into a staggered speed dial of labeled actions, with vertical and horizontal variants and keyboard support.
Full-Screen Overlay Mobile Menu
Hamburger button that opens a full-screen menu with a circular clip-path reveal, staggered serif links, focus trap and Escape to close, in pure CSS and vanilla JS.
User Account Dropdown
Bootstrap 5 avatar dropdown with profile header, plan badge, online/away/busy status picker and account menu links for app headers.
Dropdown Menu with Icons
Accessible Tailwind CSS menu button with icons, grouped items, dividers, shortcut hints, typeahead and full arrow-key navigation.