Fluent 2

Fluent 2 is Microsoft's interface design system.

Visit Fluent 2 official site

What it is

Fluent 2 is Microsoft’s interface design system.

Why it is selected

Its React Button guidance describes one action per button and separates button types.

Who it suits

Developers checking component structure and interaction details.

Useful for

  • Choose a button type by action priority when designing a toolbar or form.

Usage note

The official component docs were reviewed without installing the package. Test keyboard and focus behavior with the current version.

PatternFly

PatternFly provides design and development guidance for product interfaces.

  • components
  • react
  • design-system

Components

Primer

Primer documents design and implementation resources for GitHub product interfaces.

  • components
  • react
  • design-system

Components