5 Repos
Top-level navigation bars that adapt their layout and content for different screen sizes.
Distinguishing note: Shortlist was entirely focused on HTTP network headers, not UI components
Explore 5 awesome GitHub repositories matching user interface & experience · Responsive Navigation Headers. Refine with filters or upvote what's useful.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Creates a top navigation bar that collapses on smaller screens using a collapse plugin.
react-burger-menu is a sidebar navigation component for React applications. It implements an off-canvas menu pattern using CSS transitions and SVG animations to create sliding effects. The component provides configurable transition animations, including slide, stack, and scale effects. It utilizes SVG path morphing to animate the hamburger icon during menu interactions. The library supports menu style customization through configuration objects and external stylesheets. It is designed for responsive web navigation by hiding links behind a toggle button to save screen space.
Implements a responsive navigation pattern that hides menu links behind a toggle button on small screens.
okayNav ist eine JavaScript-Bibliothek zum Erstellen responsiver Navigationsmenüs, die basierend auf der Viewport-Breite automatisch in Off-Screen-Sidebars einklappen. Sie fungiert als Viewport-bewusste UI-Komponente, die die Verteilung sichtbarer und versteckter Navigationslinks bei Größenänderung des Browserfensters neu berechnet. Das Framework zeichnet sich dadurch aus, dass es ein Swipe-fähiges System zum Öffnen und Schließen mobiler Menüs mittels Touch-Gesten mit einstellbarer Empfindlichkeit bietet. Es ermöglicht zudem die programmatische Steuerung der Sichtbarkeit von Navigations-Drawern, um Menüs basierend auf spezifischen Benutzeraktionen auszulösen.
Ships a library that implements UI patterns for hiding navigation menus behind toggle buttons on small screens.
Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili
Includes trigger buttons that collapse or expand navigation menus for responsive screen sizes.
TLYShyNavBar provides interface components for iOS that implement scroll-responsive navigation bars and dynamic header extensions. It consists of a navigation bar component that automatically hides or reveals itself based on scroll direction and distance to maximize screen real estate. The system includes a dynamic header extension for attaching custom views to the navigation bar. These extension views can resize, slide out of the viewport, or remain pinned as the user scrolls through primary content. The project covers navigation bar transition controls, including configurable fade styling
Provides headers and navigation bars that shift visibility and position dynamically as content is scrolled.