awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

UI navigation components

排名更新于 2026年7月30日

For navigation controls, the strongest matches are ant-design/ant-design (Ant Design is a comprehensive enterprise-grade component library for), dcloudio/mui (This repository is a mobile UI component framework that) and mcasimir/mobile-angular-ui (Mobile-angular-ui provides touch-friendly UI components and navigation bars for). semantic-org/semantic-ui-react and hunvreus/basecoat round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Hand-picked UI navigation components for web apps, ranked by stars and activity. Compare the top GitHub alternatives and pick the right one.

UI navigation components

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • ant-design/ant-designant-design 的头像

    ant-design/ant-design

    98,362在 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 web applications that includes pagination, breadcrumbs, menus, and robust keyboard and responsive navigation features.

    TypeScriptComponent LibrariesButtonsDesign Tokens
    在 GitHub 上查看↗98,362
  • dcloudio/muidcloudio 的头像

    dcloudio/mui

    13,474在 GitHub 上查看↗

    mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions

    This repository is a mobile UI component framework that provides native-like navigation patterns, gesture support, and sliding menus, making it a relevant choice for web application navigation though specialized for mobile interfaces.

    JavaScriptTouch Gesture LibrariesTouch Gesture Recognition Libraries
    在 GitHub 上查看↗13,474
  • mcasimir/mobile-angular-uimcasimir 的头像

    mcasimir/mobile-angular-ui

    2,846在 GitHub 上查看↗

    Mobile-angular-ui is a frontend framework designed for building touch-friendly mobile web applications using AngularJS and Bootstrap styles. It provides a toolkit for creating cross-platform interfaces with native-like gestures and responsive layouts, enabling developers to transform standard desktop web interfaces into touch-friendly mobile layouts with minimal structural adaptations. The framework includes directive-driven UI components such as sidebars, overlays, switches, and navigation bars. It supports declarative state management through generic directives that bind state transformatio

    Mobile-angular-ui provides touch-friendly UI components and navigation bars for mobile web applications, fitting the category though specifically tied to AngularJS and mobile layouts.

    JavaScriptTouch Gesture HandlersTouch Gesture Libraries
    在 GitHub 上查看↗2,846
  • semantic-org/semantic-ui-reactSemantic-Org 的头像

    Semantic-Org/Semantic-UI-React

    13,218在 GitHub 上查看↗

    Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup. The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym

    Semantic UI React is a component library that provides UI elements including breadcrumb navigation, supporting several requested features like keyboard navigation and responsive layouts through its React bindings.

    JavaScriptBreadcrumb NavigationsKeyboard Navigation
    在 GitHub 上查看↗13,218
  • hunvreus/basecoathunvreus 的头像

    hunvreus/basecoat

    3,653在 GitHub 上查看↗

    Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

    Basecoat is a framework-agnostic UI component library that provides pagination controls, breadcrumbs, and sidebars using accessible web components, though it lacks dedicated dynamic routing and touch gesture support.

    JavaScriptBreadcrumbsCSS Variable Styling Systems
    在 GitHub 上查看↗3,653
  • cosscom/cosscosscom 的头像

    cosscom/coss

    10,125在 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

    This repository provides a React-based UI component library and design system framework that includes breadcrumb components, accessible navigation patterns, and customizable styling suited for web interfaces.

    TypeScriptBreadcrumb NavigationsBreadcrumbsKeyboard Navigation
    在 GitHub 上查看↗10,125
  • bootstrap-vue/bootstrap-vuebootstrap-vue 的头像

    bootstrap-vue/bootstrap-vue

    14,450在 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

    This Vue.js component library provides pagination controls, responsive layouts, and router integrations, though it relies on the underlying Bootstrap framework rather than standalone native navigation components.

    JavaScriptBreadcrumb Navigations
    在 GitHub 上查看↗14,450
  • vuetifyjs/vuetifyvuetifyjs 的头像

    vuetifyjs/vuetify

    41,003在 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 is a comprehensive UI toolkit for Vue applications that includes robust navigation components like breadcrumbs, menus, and pagination, though it is a general-purpose component framework rather than a dedicated navigation library.

    TypeScriptBreadcrumbsKeyboard Navigation Utilities
    在 GitHub 上查看↗41,003
  • mantinedev/mantinemantinedev 的头像

    mantinedev/mantine

    31,263在 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 navigation elements, menus, breadcrumbs, and pagination alongside robust styling and responsive layout support.

    TypeScriptBreadcrumbsGesture Recognition Hooks
    在 GitHub 上查看↗31,263
  • ekmas/neobrutalism-componentsekmas 的头像

    ekmas/neobrutalism-components

    4,956在 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 neobrutalist UI component library for React that includes navigation menus, pagination controls, and responsive layout support for web applications.

    TypeScriptBreadcrumb Navigations
    在 GitHub 上查看↗4,956
  • jgthms/bulmajgthms 的头像

    jgthms/bulma

    50,074在 GitHub 上查看↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    Bulma is a CSS-based UI framework that provides pre-styled interface components and layout primitives for web applications, though it leaves JavaScript-dependent features like dynamic routing and touch gestures to external implementations.

    CSSBreadcrumbs
    在 GitHub 上查看↗50,074
  • huntabyte/shadcn-sveltehuntabyte 的头像

    huntabyte/shadcn-svelte

    8,341在 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 library provides customizable Svelte user interface components including navigation menus and breadcrumbs, fitting the requested UI component category despite lacking built-in support for every specific navigation feature out of the box.

    TypeScriptBreadcrumb Navigations
    在 GitHub 上查看↗8,341
  • tusen-ai/naive-uitusen-ai 的头像

    tusen-ai/naive-ui

    18,381在 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 framework that includes navigation elements like breadcrumbs and pagination controls, though it functions as a general-purpose UI library rather than a dedicated navigation-specific toolkit.

    TypeScriptData TablesVue UI LibrariesApp Shell Layouts
    在 GitHub 上查看↗18,381
  • chakra-ui/zagchakra-ui 的头像

    chakra-ui/zag

    5,121在 GitHub 上查看↗

    Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

    Zag provides unstyled, headless UI state machine primitives that can be used to build custom navigation components, though it requires building the visual layer on top rather than offering ready-to-use navigation toolbars.

    TypeScriptKeyboard Navigation
    在 GitHub 上查看↗5,121
  • saadeghi/daisyuisaadeghi 的头像

    saadeghi/daisyui

    41,125在 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 library provides pre-styled user interface components including breadcrumbs and navigation elements, serving as a solid fit for web application styling though it is built as a utility plugin rather than a dedicated routing or pagination system.

    SvelteUI Component LibrariesButtonsDesign Systems
    在 GitHub 上查看↗41,125
  • taiga-family/taiga-uitaiga-family 的头像

    taiga-family/taiga-ui

    4,002在 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 component library that provides enterprise-grade interface elements and responsive layout tools, though it lacks specialized breadcrumb support among its documented features.

    TypeScriptBreadcrumb Navigations
    在 GitHub 上查看↗4,002
  • twbs/bootstraptwbs 的头像

    twbs/bootstrap

    174,380在 GitHub 上查看↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Bootstrap provides robust navigation bars and responsive UI components for web applications, though it leans on CSS and standard JavaScript rather than deep dynamic routing or gesture support.

    MDXComponent-Based UI LibrariesResponsive CSS FrameworksResponsive Web Frameworks
    在 GitHub 上查看↗174,380
  • stimulus-components/stimulus-componentsstimulus-components 的头像

    stimulus-components/stimulus-components

    1,464在 GitHub 上查看↗

    Stimulus-components is a collection of reusable frontend controllers and modular interface components designed to add interactive behaviors to server-rendered templates. It provides a lightweight library of DOM manipulation modules that integrate cleanly with existing HTML markup without heavy JavaScript frameworks or complex compilation steps. The library covers a broad range of domain-specific frontend capabilities, including dynamic form automation, system-level clipboard operations, and data visualization integrations. Form management utilities support automatic submission on input change

    This package provides a collection of reusable Stimulus controllers covering various frontend behaviors and navigation helpers for web applications, making it a good fit for adding interactive UI components.

    TypeScriptFrontend Controller ImplementationsAutomated Form HandlersComponent-Based UI Libraries
    在 GitHub 上查看↗1,464
  • melt-ui/melt-uimelt-ui 的头像

    melt-ui/melt-ui

    4,167在 GitHub 上查看↗

    Melt UI is a headless UI library for Svelte that provides a collection of unstyled, accessible component builders. It functions as an accessible component framework and state management tool, offering the logic and state required to build interface elements that follow WAI-ARIA standards and support keyboard navigation without imposing specific visual styles. The library features a floating element positioning engine that manages the placement of popovers, tooltips, and menus relative to trigger elements. This system utilizes portals to prevent layout clipping and incorporates automatic overf

    Melt UI is a headless UI component library for Svelte that provides unstyled builders for menus, toolbars, and pagination controls with keyboard navigation support, though it serves as a foundational building block rather than an out-of-the-box styled component kit.

    TypeScriptHeadless Component LogicApplication State ManagementARIA Attribute Injection
    在 GitHub 上查看↗4,167
  • chakra-ui/arkchakra-ui 的头像

    chakra-ui/ark

    5,004在 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, unstyled primitives with built-in keyboard navigation and state management, making it well-suited for building custom web navigation components despite leaving styling and routing integration to the consumer.

    TypeScriptFinite State Machine ControllersPrebuilt UI ComponentsAccessibility ID Coordination
    在 GitHub 上查看↗5,004
  • angular-ui/bootstrapangular-ui 的头像

    angular-ui/bootstrap

    14,206在 GitHub 上查看↗

    This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

    This repository provides a collection of modular user interface components for Angular applications that includes pagination navigators, though it is tied specifically to the Bootstrap framework rather than being a generic component library.

    JavaScriptAngular UI LibrariesInteractive UI ComponentsModal Display Controllers
    在 GitHub 上查看↗14,206
一览前 10 名对比
仓库Star 数语言许可证最后推送
ant-design/ant-design98.4KTypeScriptMIT2026年6月16日
dcloudio/mui13.5KJavaScriptMIT2025年5月20日
mcasimir/mobile-angular-ui2.8KJavaScriptMIT2018年4月25日
semantic-org/semantic-ui-react13.2KJavaScriptMIT2024年11月22日
hunvreus/basecoat3.7KJavaScriptmit2026年2月5日
cosscom/coss10.1KTypeScriptAGPL-3.02026年6月22日
bootstrap-vue/bootstrap-vue14.5KJavaScriptMIT2026年4月2日
vuetifyjs/vuetify41KTypeScriptNOASSERTION2026年6月16日
mantinedev/mantine31.3KTypeScriptMIT2026年6月16日
ekmas/neobrutalism-components5KTypeScriptmit2025年7月21日

Related searches

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