PatternFly

PatternFly provides design and development guidance for product interfaces.

Visit PatternFly official site

What it is

PatternFly provides design and development guidance for product interfaces.

Why it is selected

The Button page is in the component catalog, with design and development paths.

Who it suits

Design-system teams organizing their component guidance.

Useful for

  • Use the same component page to align design and implementation discussions.

Usage note

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

Fluent 2

Fluent 2 is Microsoft's interface design system.

  • components
  • react
  • design-system

Components

Primer

Primer documents design and implementation resources for GitHub product interfaces.

  • components
  • react
  • design-system

Components