Repolode
Enviar
microsoft

microsoft/fluentui

Monorepo da Microsoft com componentes React, Web Components e utilitários para criar aplicações web no sistema de design Fluent UI.

Ver no GitHubSite
Estrelas
20,356
Forks
2,952
Issues abertas
819
Último commit
anteontem

O que é?

O Fluent UI web é um monorepo da Microsoft que reúne as bibliotecas de componentes por trás do sistema de design Fluent. Ele inclui três projetos independentes: Fluent UI React v9 (@fluentui/react-components), a versão anterior, Fluent UI React v8 (@fluentui/react), e Fluent UI Web Components (@fluentui/web-components). Os pacotes v9 e v8 podem ser usados juntos em uma mesma aplicação, permitindo migrar gradualmente da v8 para a v9.

Os componentes React v9 são a linha mais recente e são usados pelo Microsoft 365, enquanto a v8 é uma biblioteca madura, ainda bastante utilizada pelo Office. O projeto Web Components é uma implementação do Fluent UI independente de framework, usada pelo Edge. O Fluent UI React Northstar chegou ao fim de vida e não recebe mais manutenção.

O projeto é distribuído pelo npm, e a documentação e um site baseado em Storybook estão disponíveis em react.fluentui.dev.

Recursos principais

  • 01Oferece componentes React v9 baseados no sistema de design Fluent.
  • 02Disponibiliza uma biblioteca React v8 que pode coexistir com a v9 para permitir uma migração gradual.
  • 03Inclui Web Components independentes de framework, criados com APIs padrão da web.
  • 04Publica cada projeto como um pacote npm próprio.

Casos de uso

  • Criar uma aplicação web em React seguindo a linguagem de design Microsoft Fluent.
  • Migrar uma base de código existente do Fluent UI v8 para a v9, um componente por vez.
  • Usar Web Components com o estilo Fluent em uma página sem React ou que combine vários frameworks.

Início rápido

  1. 1

    Abra o guia Quick Start do Fluent UI React v9 vinculado no README

Antes de usar

  • O repositório contém três projetos separados (React v9, React v8 e Web Components), então você precisa escolher o correto.
  • O pacote Web Components ainda está em beta (o README aponta para a versão 3.0.0-beta.15).
  • A licença nos metadados está listada como NOASSERTION. Confirme os termos da licença por conta própria, mesmo que o README diga MIT.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

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

Perguntas frequentes

O que é fluentui?
Monorepo da Microsoft com componentes React, Web Components e utilitários para criar aplicações web no sistema de design Fluent UI. O Fluent UI web é um monorepo da Microsoft que reúne as bibliotecas de componentes por trás do sistema de design Fluent. Ele inclui três projetos independentes: Fluent UI React v9 (@fluentui/react-components), a versão anterior, Fluent UI React v8 (@fluentui/react), e Fluent UI Web Components (@fluentui/web-components). Os pacotes v9 e v8 podem ser usados juntos em uma mesma aplicação, permitindo migrar gradualmente da v8 para a v9.
fluentui é gratuito? Qual é a licença?
fluentui é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
fluentui ainda é mantido?
Manutenção ativa. O último commit de fluentui foi em 23 de out. de 2026.
Para que posso usar fluentui?
Criar uma aplicação web em React seguindo a linguagem de design Microsoft Fluent. Migrar uma base de código existente do Fluent UI v8 para a v9, um componente por vez. Usar Web Components com o estilo Fluent em uma página sem React ou que combine vários frameworks.
Como instalar fluentui?
Abra o guia Quick Start do Fluent UI React v9 vinculado no README
Onde consigo fluentui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/microsoft/fluentui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados