Repolode
Предложить
microsoft

microsoft/fluentui

Монорепозиторий Microsoft с React-компонентами, веб-компонентами и утилитами для создания веб-приложений в дизайн-системе Fluent UI.

Открыть на GitHubСайт
Звёзды
20,356
Форки
2,952
Открытые issues
819
Последний коммит
позавчера

Что это?

Fluent UI web — монорепозиторий Microsoft с библиотеками компонентов, лежащими в основе дизайн-системы Fluent. В него входят три отдельных проекта: Fluent UI React v9 (@fluentui/react-components), более ранняя версия Fluent UI React v8 (@fluentui/react) и Fluent UI Web Components (@fluentui/web-components). Пакеты v9 и v8 можно использовать в одном приложении, что позволяет постепенно перейти с v8 на v9.

Компоненты React v9 — более новая линейка, которую использует Microsoft 365; v8 — зрелая библиотека, широко применяемая в Office. Проект Web Components — независимая от фреймворков реализация Fluent UI, которую использует Edge. Поддержка Fluent UI React Northstar прекращена, проект больше не развивается.

Проект распространяется через npm. Документация и сайт на основе Storybook доступны по адресу react.fluentui.dev.

Ключевые возможности

  • 01Предоставляет компоненты React v9, созданные на основе дизайн-системы Fluent.
  • 02Предлагает библиотеку React v8, которую можно использовать вместе с v9 для постепенной миграции.
  • 03Включает независимые от фреймворков Web Components, созданные на основе стандартных веб-API.
  • 04Публикует каждый проект в виде отдельного npm-пакета.

Сценарии использования

  • Создание веб-приложений на React в соответствии с визуальным стилем Microsoft Fluent.
  • Постепенная миграция существующей кодовой базы Fluent UI v8 на v9, по одному компоненту за раз.
  • Использование веб-компонентов в стиле Fluent на страницах без React или с несколькими фреймворками.

Быстрый старт

  1. 1

    Откройте руководство Quick Start для Fluent UI React v9, ссылка на которое есть в README

Что важно знать

  • В репозитории находятся три отдельных проекта (React v9, React v8 и Web Components), поэтому нужно выбрать подходящий.
  • Пакет Web Components всё ещё находится в бета-версии (в README дана ссылка на версию 3.0.0-beta.15).
  • В метаданных лицензия указана как NOASSERTION. Самостоятельно проверьте условия лицензии, несмотря на то что в README указана MIT.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#react#design-system#ui-components#typescript#web-components#fluent-ui#components#fluent#microsoft#office-ui-fabric

Частые вопросы

Что такое fluentui?
Монорепозиторий Microsoft с React-компонентами, веб-компонентами и утилитами для создания веб-приложений в дизайн-системе Fluent UI. Fluent UI web — монорепозиторий Microsoft с библиотеками компонентов, лежащими в основе дизайн-системы Fluent. В него входят три отдельных проекта: Fluent UI React v9 (@fluentui/react-components), более ранняя версия Fluent UI React v8 (@fluentui/react) и Fluent UI Web Components (@fluentui/web-components). Пакеты v9 и v8 можно использовать в одном приложении, что позволяет постепенно перейти с v8 на v9.
fluentui можно использовать бесплатно? Какая у него лицензия?
fluentui распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
fluentui всё ещё поддерживается?
Активно поддерживается. Последний коммит в fluentui — 23 окт. 2026 г..
Для чего можно использовать fluentui?
Создание веб-приложений на React в соответствии с визуальным стилем Microsoft Fluent. Постепенная миграция существующей кодовой базы Fluent UI v8 на v9, по одному компоненту за раз. Использование веб-компонентов в стиле Fluent на страницах без React или с несколькими фреймворками.
Как установить fluentui?
Откройте руководство Quick Start для Fluent UI React v9, ссылка на которое есть в README
Где скачать fluentui?
Исходный код и инструкции по установке — на GitHub: https://github.com/microsoft/fluentui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты