awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

Web navigation framework

Ranking updated Aug 3, 2026

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.

Web navigation framework

Find the best repos with AI.We'll search the best matching repositories with AI.
  • bootstrap-vue/bootstrap-vuebootstrap-vue avatar

    bootstrap-vue/bootstrap-vue

    14,450View on GitHub↗

    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.

    JavaScriptBreadcrumb NavigationsDropdown MenusResponsive Layouts
    View on GitHub↗14,450
  • cosscom/cosscosscom avatar

    cosscom/coss

    10,125View on GitHub↗

    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.

    TypeScriptBreadcrumb NavigationsBreadcrumbsDropdown Menus
    View on GitHub↗10,125
  • ekmas/neobrutalism-componentsekmas avatar

    ekmas/neobrutalism-components

    4,956View on GitHub↗

    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.

    TypeScriptBreadcrumb NavigationsResponsive LayoutsSlide-Out Panels
    View on GitHub↗4,956
  • tusen-ai/naive-uitusen-ai avatar

    tusen-ai/naive-ui

    18,381View on GitHub↗

    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.

    TypeScriptResponsive LayoutsSlide-Out Panels
    View on GitHub↗18,381
  • mantinedev/mantinemantinedev avatar

    mantinedev/mantine

    31,263View on GitHub↗

    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.

    TypeScriptBreadcrumbsDrawersDropdown Menus
    View on GitHub↗31,263
  • creativetimofficial/material-tailwindcreativetimofficial avatar

    creativetimofficial/material-tailwind

    4,359View on GitHub↗

    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.

    TypeScriptBreadcrumbsDropdowns
    View on GitHub↗4,359
  • huntabyte/shadcn-sveltehuntabyte avatar

    huntabyte/shadcn-svelte

    8,341View on GitHub↗

    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.

    TypeScriptBreadcrumb NavigationsDropdown MenusSlide-Out Panels
    View on GitHub↗8,341
  • buefy/buefybuefy avatar

    buefy/buefy

    9,531View on GitHub↗

    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.

    VueSidebars
    View on GitHub↗9,531
  • mui/base-uimui avatar

    mui/base-ui

    8,711View on GitHub↗

    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.

    TypeScriptDropdown MenusKeyboard Navigation
    View on GitHub↗8,711
  • taiga-family/taiga-uitaiga-family avatar

    taiga-family/taiga-ui

    4,002View on GitHub↗

    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.

    TypeScriptBreadcrumb NavigationsDropdownsSlide-Out Panels
    View on GitHub↗4,002
  • saadeghi/daisyuisaadeghi avatar

    saadeghi/daisyui

    41,125View on GitHub↗

    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.

    SvelteSidebars
    View on GitHub↗41,125
  • vuetifyjs/vuetifyvuetifyjs avatar

    vuetifyjs/vuetify

    41,003View on GitHub↗

    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.

    TypeScriptBreadcrumbs
    View on GitHub↗41,003
  • chakra-ui/arkchakra-ui avatar

    chakra-ui/ark

    5,004View on GitHub↗

    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.

    TypeScriptSlide-Out Panels
    View on GitHub↗5,004
  • ant-design/ant-designant-design avatar

    ant-design/ant-design

    98,362View on GitHub↗

    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.

    TypeScriptComponent LibrariesButtonsDesign Tokens
    View on GitHub↗98,362
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
bootstrap-vue/bootstrap-vue14.5KJavaScriptMITApr 2, 2026
cosscom/coss10.1KTypeScriptAGPL-3.0Jun 22, 2026
ekmas/neobrutalism-components5KTypeScriptmitJul 21, 2025
tusen-ai/naive-ui18.4KTypeScriptMITJun 13, 2026
mantinedev/mantine31.3KTypeScriptMITJun 16, 2026
creativetimofficial/material-tailwind4.4KTypeScriptMITApr 28, 2026
huntabyte/shadcn-svelte8.3KTypeScriptmitFeb 20, 2026
buefy/buefy9.5KVueMITJun 14, 2026
mui/base-ui8.7KTypeScriptmitFeb 20, 2026
taiga-family/taiga-ui4KTypeScriptApache-2.0Jun 23, 2026

Related searches

  • UI navigation components
  • Navbar UI components
  • Navigation menu components
  • an open source library for mapping applications
  • Robot navigation simulator
  • Browser tab manager
  • Browser history manager
  • Keyboard navigation system