vue-fluent-ui

一个winui3/fluent design风格的vue组件库
7,677 2
vue vue3 design-system component-library fluent ui-library winui3 fluent-design winui
Install
npm install vue-fluent-ui
Latest Version:0.0.5
Vue:3
License:MIT
Last Updated:Nov 8, 2025
Links: GitHub  ·  npm
Maintainer: erduotong

vue-fluent-ui

Vue Fluent UI 是一个致力于在 Vue.js 中复刻 Microsoft WinUI 3 视觉风格与交互体验的组件库。

有关项目的详细信息、贡献指南和发展路线图，请访问我们的 主仓库。

本项目还处于很早期的开发阶段，API、组件、特性等都尚未稳定。组件数量尚未达到可用标准 请勿在生产环境中使用！

📦 安装

pnpm add vue-fluent-ui

🚀 使用

在你的根组件 (例如 App.vue) 中使用 VfProvider 包裹你的整个应用。VfProvider 会自动注入主题和全局样式。


<template>
  <VfProvider>
    <!-- Your App Content -->
    <VfButton appearance="primary">Click Me</VfButton>
  </VfProvider>
</template>

<script setup lang="ts">
  // VfProvider 和其他需要的组件需要被显式导入
  import {VfProvider, VfButton} from 'vue-fluent-ui'
</script>

[!IMPORTANT] VfProvider 是必须的，所有 vue-fluent-ui 组件都应该被包裹在 VfProvider 内部才能正常显示。

📄 许可证

MIT

Related Packages

vue-fluent-widgets

A collection of Fluent Design System (WinUI3) components for Vue

1,045 6
design-system fluent vue winui3 components
@fluere-vue/ui

基于 Fluent Design 2 设计语言的 Vue3 组件实现

178 18
component-library design-system fluent vue vue3 fluere fluere-vue ui
@quidgest/ui

Quidgest's UI framework

22,574
component-library design-system vue
vael-ui

Animation-agnostic Vue 3 UI library with full Vue Vapor support.

7,312 58
component-library design-system ui-library vue vue3 animation-agnostic headless-ui ui vapor
birdpaper-ui

A Vue 3 component library for enterprise admin interfaces. 为企业中后台而生的 Vu...

5,350 47
component-library design-system ui-library vue vue3 admin birdpaper birdpaper-ui components typescript +1

Version History

Version Released Vue License
0.0.5 ^3.5.13 MIT
0.0.4 ^3.5.13 MIT
0.0.3 ^3.5.13
0.0.2 ^3.5.13
0.0.1 ^3.5.13