基于 React 18、TypeScript 和 Vite 实现的 Fluent Design 组件库,让 Web 端能使用与原生桌面端一致的 Fluent 控件。

Stars

5

7 天增长

暂无数据

Fork 数

1

开放 Issue

0

开源协议

Apache-2.0

最近更新

2026-07-29

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

高度还原 Fluent 设计的配色、圆角、阴影和动效,内置 HSV 主题色派生算法(对齐 qfluentwidgets),支持一键切换明暗主题和自动生成衍生色。

适合谁使用

  • 需要 Fluent Design 风格的 React 开发者
  • 构建类似 Windows 桌面应用的 Web 项目团队
  • 希望快速获得 Fluent 设计一致性的前端工程师

典型使用场景

  • 构建具有 Win 原生风格的管理后台或仪表盘
  • 快速原型开发符合 Fluent 设计规范的前端页面
  • 在 React 项目中替换通用 UI 库,追求精致的 Fluent 视觉体验

项目优势

  • 组件样式高度忠实于 Fluent Design 规范与动效
  • 开箱即用:导入组件即可自动加载样式,无需额外配置
  • 基于 HSV 的主题色派生引擎,输入一个十六进制颜色即可生成全套配色
  • 组件覆盖按钮、输入、导航、弹窗等桌面常见控件,类型齐全

使用前须知

  • 要求宿主项目使用 React 18+(peerDependencies),无法与旧版 React 兼容
  • 主题色派生算法参考 qfluentwidgets,与其他 Fluent 实现可能存在细微差异
  • 文档目前仅有内置的 Gallery 演示页,缺少独立的 API 参考说明

README 快速开始

安装依赖

npm install

项目描述

react-fluent is a beautiful UI

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
NUber-dev
精选
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web 开发前端框架
226
react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741