Repolode
microsoft

microsoft/fluentui

Fluent UI 디자인 시스템으로 웹 앱을 만드는 데 필요한 React 컴포넌트, 웹 컴포넌트, 유틸리티를 제공하는 Microsoft의 모노레포입니다.

스타
20,356
포크
2,952
열린 이슈
819
마지막 커밋
그저께

어떤 프로젝트인가요?

Fluent UI web은 Fluent 디자인 시스템의 기반이 되는 컴포넌트 라이브러리를 담은 Microsoft의 모노레포입니다. Fluent UI React v9(@fluentui/react-components), 이전 버전인 Fluent UI React v8(@fluentui/react), Fluent UI Web Components(@fluentui/web-components)라는 세 가지 프로젝트를 제공합니다. v9와 v8 패키지는 한 앱에서 함께 사용할 수 있어 v8에서 v9로 점진적으로 마이그레이션할 수 있습니다.

v9 React 컴포넌트는 최신 버전으로 Microsoft 365에서 사용되며, v8은 Office에서 여전히 널리 사용하는 안정적인 라이브러리입니다. Web Components 프로젝트는 Fluent UI를 프레임워크에 구애받지 않게 구현한 것으로, Edge에서 사용됩니다. Fluent UI React Northstar는 수명이 다해 더 이상 유지 관리되지 않습니다.

프로젝트는 npm을 통해 배포되며, 문서와 Storybook 기반 사이트는 react.fluentui.dev에서 확인할 수 있습니다.

핵심 기능

  • 01Fluent 디자인 시스템을 기반으로 한 React v9 컴포넌트를 제공합니다.
  • 02점진적인 마이그레이션을 위해 v9와 함께 사용할 수 있는 React v8 라이브러리를 제공합니다.
  • 03표준 웹 API로 구현된 프레임워크 비종속 Web Components를 포함합니다.
  • 04각 프로젝트를 별도의 npm 패키지로 배포합니다.

활용 사례

  • Microsoft Fluent 디자인 언어를 따르는 React 웹 애플리케이션을 개발합니다.
  • 기존 Fluent UI v8 코드베이스를 컴포넌트 단위로 v9에 마이그레이션합니다.
  • React를 사용하지 않는 페이지나 여러 프레임워크를 함께 사용하는 페이지에서 Fluent 스타일의 웹 컴포넌트를 사용합니다.

빠른 시작

  1. 1

    README에 링크된 Fluent UI React v9 Quick Start 가이드를 엽니다

사용 전 알아둘 점

  • 저장소에는 React v9, React v8, Web Components의 세 가지 별도 프로젝트가 있으므로 올바른 프로젝트를 선택해야 합니다.
  • Web Components 패키지는 아직 베타 버전입니다(README에는 3.0.0-beta.15가 링크되어 있습니다).
  • 메타데이터의 라이선스는 NOASSERTION으로 표시되어 있습니다. README에는 MIT라고 적혀 있지만, 라이선스 조건을 직접 확인하세요.

포함된 컬렉션

토픽

자주 묻는 질문

fluentui은(는) 무엇인가요?
Fluent UI 디자인 시스템으로 웹 앱을 만드는 데 필요한 React 컴포넌트, 웹 컴포넌트, 유틸리티를 제공하는 Microsoft의 모노레포입니다. Fluent UI web은 Fluent 디자인 시스템의 기반이 되는 컴포넌트 라이브러리를 담은 Microsoft의 모노레포입니다. 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의 마지막 커밋은 2026년 10월 23일입니다.
fluentui은(는) 어디에 사용할 수 있나요?
Microsoft Fluent 디자인 언어를 따르는 React 웹 애플리케이션을 개발합니다. 기존 Fluent UI v8 코드베이스를 컴포넌트 단위로 v9에 마이그레이션합니다. React를 사용하지 않는 페이지나 여러 프레임워크를 함께 사용하는 페이지에서 Fluent 스타일의 웹 컴포넌트를 사용합니다.
fluentui는 어떻게 설치하나요?
README에 링크된 Fluent UI React v9 Quick Start 가이드를 엽니다
fluentui은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/microsoft/fluentui

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트