Fluent 2 Design Kits
Explore Microsoft’s public UI kits and learn how components, tokens, and accessibility work together.
By Microsoft Design
THE GOOD STUFF, ALL IN ONE PLACE
Explore public component systems, free-edition Figma kits, and open design tools without confusing them with paid libraries.
17 resources · Curated September 2026
A UI kit is a starting vocabulary, not a ready-made solution. Check component states, platform restrictions, responsive behaviour, and what is excluded from a free edition before committing to a library.
Explore Microsoft’s public UI kits and learn how components, tokens, and accessibility work together.
By Microsoft Design
A focused set of global styles, basic components, and page examples. The larger PRO library is separate.
By Jordan Hughes
Study a complete component language with color, typography, motion, and adaptive patterns.
By Google Material Design
Enterprise-ready UI patterns, accessible components, and guidance for working across design and code.
By IBM
A classic community kit for studying iOS interface construction. Based on iOS 16, not the latest Apple UI.
By Joey Banks
A community kit for exploring web page structure and repeatable components. Relume’s other services may be paid.
By Relume
A community adaptation of Ant Design for exploring dense application UI and reusable patterns.
By Mr. Biscuit · Figma Community
An open-source design tool with components, tokens, prototyping, and an open file format.
By Kaleidos & the Penpot community
Fill layouts with realistic text and visual content to test how your design behaves beyond perfect placeholders.
By Eugene Gavriloff · Figma Community
Start Apple-platform interface work with official UI kits and icon templates. Choose the relevant platform; these are not general-purpose brand assets.
By Apple
Study GitHub’s component guidance, design tokens, and product interaction patterns. Useful for dense interfaces where consistency and predictable behavior matter.
By GitHub
A classic component library for studying or maintaining SLDS 1 interfaces. Match it to your project’s version; it is not the newer SLDS 2 kit.
By Salesforce
Good work deserves credit. Third-party resources open at the original creator’s site. Free editions may have limits; check each resource’s notes.