Side by side

Angular Material vs GitHub Primer

Both stand on ui kit libraries. Which one you can start free with, which one lets you read the code, and what each costs once you pay.

Angular Material

Free plan Web

Angular Material offers a focused set of Angular UI components with theme and component-generation options. Check its layout scope, browser support window, and Shadow DOM limitation against your application’s needs.

Visit Angular Material

GitHub Primer

Free plan Open source APIWeb

Primer provides product and brand design guidance, React documentation, accessibility resources, and icons without a listed paid plan. Figma access and contribution restrictions limit some collaboration options.

Visit GitHub Primer

The facts

	Angular Material	GitHub Primer
Free plan	Yes	Yes
Open source	Not published	Yes
Runs on	Web	API, Web
Lowest paid plan	Free or on request	Free or on request
Plans published	1	1
Maker	Not published	Not published
Website	material.angular.dev	primer.style
On ui kit libraries	#4 of 26	#1 of 26

Angular Material: what it does well

Free Material Design components for Angular applications.
CLI installation offers prebuilt or custom themes.
Schematics generate navigation, tables, and address forms.
Components are described as internationalized and accessible.
Browser support covers recent Chrome, Firefox, Safari, and Edge versions.

What to know first

Does not provide application layout support.
Shadow DOM is not officially supported.
No free trial is listed.

GitHub Primer: what it does well

Free and open source
Includes React component and theming guidance
Provides accessibility resources and tools
Documents component status and support expectations
Primer Web and Primitives are available in Figma Community

What to know first

Mobile Figma library is internal only
Only GitHub employees can contribute to Primer Web
GitHub Figma organization access is limited to team members

Alternatives to Angular Material Alternatives to GitHub Primer The whole list