Thanks to visit codestin.com
Credit goes to fluent2.microsoft.design

Welcome to

Let theLet creativity flowLet creativity flowLet creativity flowLet creativity flowLet creativity flowflow

Check out what’s new

Design

Dive into our Figma UI kits

Get started →

Develop

Find installation guides and tooling tips

Get started →

Components

Web
react components demo backgroundreact components demo asset 1react components demo asset 2react components demo asset 3
iOS
iOS components demo backgroundios components demo asset 1ios components demo asset 2ios components demo asset 3
Android
Android components demo backgroundAndroid components demo asset 1Android components demo asset 2Android components demo asset 3
Windows
windows components demo backgroundwindows components demo asset 1windows components demo asset 2windows components demo asset 3

Newsworthy

A new era of Teams

A new era of Teams

Teams leverages Fluent 2 to boost performance and reduce complexity

Emoji update

Emoji update

Whatever the moment calls for, there's an emoji for that

A modern Outlook

A modern Outlook

Outlook, Windows, and Fluent unite for a customizable hub experience

Resources

A11y – Focus Order

Quickly annotate your design’s focus and tab order for a meaningful flow of interactive objects.

A11y – Color Contrast Checker

Ensure your text is readable by adhering to Web Content Accessibility Guideline standards.

Content Reel

Design layouts more efficiently by pulling text strings, images, and icons from one palette.

Icon Scaling Tool

Creating multiple sizes of icons is easy. Draw once and scale to multiple sizes with a single click.