# Navbar UI components

> AI-ranked search results for `navigation bar controls` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 118 total matches; showing the top 18.

Explore on the web: https://awesome-repositories.com/q/navigation-bar-controls

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/navigation-bar-controls).**

## Results

- [uikit/uikit](https://awesome-repositories.com/repository/uikit-uikit.md) (18,534 ⭐) — UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements.

The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes.

The toolkit covers
- [yuche/vue-strap](https://awesome-repositories.com/repository/yuche-vue-strap.md) (4,679 ⭐) — vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture.

The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.
- [tailwindlabs/headlessui](https://awesome-repositories.com/repository/tailwindlabs-headlessui.md) (28,619 ⭐) — Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles.

The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open.

The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n
- [react-bootstrap/react-bootstrap](https://awesome-repositories.com/repository/react-bootstrap-react-bootstrap.md) (22,608 ⭐) — React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development.

The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.
- [weilanwl/coloruicss](https://awesome-repositories.com/repository/weilanwl-coloruicss.md) (12,394 ⭐) — coloruicss is a CSS UI component library and high-saturation design system specifically developed for mini program environments. It provides a collection of pre-styled visual elements designed to meet the technical constraints and rendering behaviors of these platforms.

The framework focuses on replacing default system headers with a dedicated custom navigation bar framework. This allows for the creation of stylized top navigation areas that support custom colors, images, and action buttons.

The system manages visual consistency through a CSS-based theming framework using custom properties t
- [ariakit/ariakit](https://awesome-repositories.com/repository/ariakit-ariakit.md) (8,573 ⭐) — Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly.

The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables.

The toolkit covers broad capabi
- [bootstrap-vue/bootstrap-vue](https://awesome-repositories.com/repository/bootstrap-vue-bootstrap-vue.md) (14,450 ⭐) — Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications.

The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints.

The library covers a wide range of interface capabilities, including data display with sortable
- [mdbootstrap/mdb-ui-kit](https://awesome-repositories.com/repository/mdbootstrap-mdb-ui-kit.md) (24,256 ⭐) — The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications.

The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp
- [creativetimofficial/material-tailwind](https://awesome-repositories.com/repository/creativetimofficial-material-tailwind.md) (4,359 ⭐) — 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
- [cosscom/coss](https://awesome-repositories.com/repository/cosscom-coss.md) (10,125 ⭐) — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards.

The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies.

Its broader capabilities cover the const
- [themesberg/flowbite](https://awesome-repositories.com/repository/themesberg-flowbite.md) (9,283 ⭐) — Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications.

The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface.

The library covers a wide range of interactive int
- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application.

The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
- [react-navigation/react-navigation](https://awesome-repositories.com/repository/react-navigation-react-navigation.md) (24,405 ⭐)
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [mui/material-ui](https://awesome-repositories.com/repository/mui-material-ui.md) (98,459 ⭐) — Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards.

The project distinguishes itself through a zero-runtime styling engi
- [adtile/fixed-nav](https://awesome-repositories.com/repository/adtile-fixed-nav.md) (931 ⭐) — Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content.

The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps.

Additional capabilities include dimming ba
- [johndatserakis/vue-navigation-bar](https://awesome-repositories.com/repository/johndatserakis-vue-navigation-bar.md) (192 ⭐) — 🧭 A simple, pretty navbar for your Vue projects.
- [beefe/react-native-navigation-bar](https://awesome-repositories.com/repository/beefe-react-native-navigation-bar.md) (60 ⭐) — NavigationBar written in pure javascript for cross-platform support