For navigation interface controls, the strongest matches are bootstrap-vue/bootstrap-vue (Bootstrap-vue provides a comprehensive Vue), cosscom/coss (Coss is an accessible UI component library built on) and ekmas/neobrutalism-components (This repository provides a collection of interactive UI components). tusen-ai/naive-ui and mantinedev/mantine round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Explore the best open-source web navigation frameworks, ranked by stars and activity. Compare features and find the right one for your app.
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
Bootstrap-vue provides a comprehensive Vue.js UI component library featuring sidebars, dropdowns, breadcrumbs, and router integration, fitting the navigation requirements well despite lacking some advanced standalone menu components.
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
Coss is an accessible UI component library built on React and Radix UI that provides interactive layout elements and primitives like breadcrumbs and slide-out panels, making it well-suited for assembling navigation systems despite missing some explicit routing features.
This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with
This repository provides a collection of interactive UI components and navigation elements for React, matching the requested category despite leaning into a specific neobrutalist aesthetic.
Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor
Naive UI is a comprehensive Vue 3 component library that supplies breadcrumbs, slide-out panels, and menu components, making it a strong fit for navigation UI development even though it provides a general-purpose UI framework rather than a routing system.
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
Mantine is a comprehensive React component library that includes accessible drawers, menus, breadcrumbs, and navigation primitives to build robust application layouts.
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
Material Tailwind is a responsive UI component library built on Tailwind CSS that provides essential navigation primitives like breadcrumbs and dropdowns, making it a solid fit for building web application navigation systems.
shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail
This collection of Svelte UI components provides copy-and-paste primitives and layout elements like sidebars and dropdowns, though it requires assembly for complete routing and breadcrumb systems.
Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap
This UI component library provides Bulma-based navigation bars, sidebars, breadcrumbs, and dropdown menus for Vue.js applications, though it is tailored to that specific framework rather than being framework-agnostic.
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
Base UI is an unstyled, accessible component library that provides the behavioral primitives and interaction utilities needed to build custom navigation menus and sidebars, though it focuses on low-level UI foundations rather than offering a pre-built breadcrumb trail or full sidebar drawer.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Taiga UI is an Angular UI component library providing layout tools and interface elements for web development, though it lacks direct focus on the specific navigation structures requested.
This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
This is a utility-first CSS component library that provides styling for navigation UI elements like breadcrumbs and dropdowns, though it requires Tailwind setup and lacks dedicated routing integrations out of the box.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
Vuetify provides comprehensive Vue UI components including sidebars, navigation drawers, breadcrumbs, and menus, making it a strong fit for building application navigation systems despite its broader scope as a full-featured component framework.
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Ark is a headless UI component library providing accessible primitives and keyboard navigation that can be used to build navigation menus and sidebars, though it focuses on general UI logic rather than out-of-the-box routing systems or breadcrumbs.
Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
Ant Design is a comprehensive enterprise-grade component library for React that includes robust navigation elements like sidebars, dropdowns, and breadcrumbs, though it requires external routing integration for full navigation systems.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| bootstrap-vue/bootstrap-vue | 14.5K | JavaScript | MIT | |
| cosscom/coss | 10.1K | TypeScript | AGPL-3.0 | |
| ekmas/neobrutalism-components | 5K | TypeScript | mit | |
| tusen-ai/naive-ui | 18.4K | TypeScript | MIT | |
| mantinedev/mantine | 31.3K | TypeScript | MIT | |
| creativetimofficial/material-tailwind | 4.4K | TypeScript | MIT | |
| huntabyte/shadcn-svelte | 8.3K | TypeScript | mit | |
| buefy/buefy | 9.5K | Vue | MIT | |
| mui/base-ui | 8.7K | TypeScript | mit | |
| taiga-family/taiga-ui | 4K | TypeScript | Apache-2.0 |