Research any topic before you write.

Find related topics. | Discover entities. | See connections. | Build a topical map.

Fluent Design System

Fluent Design System (codenamed "Project Neon") is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Microsoft Design Language 2 ("Metro") that includes guidelines for the designs and interactions used within software designed for the company's Windows 10 and Windows 11 devices and platforms. The system is based on five key…

Companies, Design components & Iconography

Use the mouse wheel or two fingers (on touchscreens) to zoom in and out of the map.

Research this topic

Explore the main themes, entities and connections around Fluent Design System. Start with the topic map, then use the sections below for research and deeper semantic analysis.

Explore this topic

Start with a few of the strongest sections from the source topic. These are research directions, not a list of keywords you must use.

Key facts & relationships

High-confidence facts extracted from structured source data. Use them as anchors for further research.

Android
Android0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a… · 0.0.11 / February 12, 2021; 5 years ago (2021-02-12)
Cross-platform
0.23.3 / March 15, 2021; 5 years ago (2021-03-15)
Developer
Microsoft
iOS macOS
0.2.3 / March 9, 2021; 5 years ago (2021-03-09)
License
MIT License
More Information
More Information

Topics to explore

Browse the full topic structure. Each item opens a new analysis centered on that subject.

Overview

Compared to Metro and Aero

Design components

Iconography

Implementation

Influence

Advanced semantic analysis

Deeper signals for content research, entity SEO and topical coverage. The plain-language headings explain what each technical view is useful for.

Map overview Semantic statistics

Fluent Design System

Nodes56
Edges55
Triples57
Avg. degree1.96
Density0.035714
Components1

How this topic connects Entity context

See the strongest relationship patterns around the current topic before diving into the raw triples.

Fluent Design System

Top relations

related to Implementation · 9
Fluent Design System → Android, Fluent, Fluent UI React, Furthermore, It, Microsoft's Fluent Design System, React, Windows, WinUI
Release(s) · 8
Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric, Web: fluentui, Windows: microsoft-ui-xaml
Repository · 5
Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Web: fluentui, Windows: microsoft-ui-xaml
related to Influence · 5
Fluent Design System → Apple's, Big Sur, It, The, Windows
Predecessor · 3
Fluent Design System → Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric
Android · 2
Fluent Design System → 0.0.11 / February 12, 2021; 5 years ago (2021-02-12), Android0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a…
Other names · 2
Fluent Design System → Fluent UI, Microsoft Fluent Design System
Web · 2
Fluent Design System → 8.122.15 / 15 April 2025; 16 months ago (2025-04-15), Web8.122.15 / 15 April 2025; 16 months ago (2025-04-15)Windows2.8.7 / February 4, 2025; 18 months ago (2025-02-04)
Windows · 2
Fluent Design System → 2.6.0-prerelease.210315002 / March 17, 2021; 5 years ago (2021-03-17), 2.8.7 / February 4, 2025; 18 months ago (2025-02-04)
Cross-platform · 1
Fluent Design System → 0.23.3 / March 15, 2021; 5 years ago (2021-03-15)

Important terminology Word statistics

Use these terms to understand the vocabulary surrounding the topic, not as a checklist for keyword stuffing.

Important terminology

windows design fluent microsoft 11 depth system used acrylic 10 light material motion metro app icons language different surfaces apps

Entity relationships Subject–Predicate–Object triples

SubjectPredicateObjectConfidenceSrc
Fluent Design SystemAndroidAndroid0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a…1.00infobox
Fluent Design SystemAndroid0.0.11 / February 12, 2021; 5 years ago (2021-02-12)1.00infobox
Fluent Design SystemCross-platform0.23.3 / March 15, 2021; 5 years ago (2021-03-15)1.00infobox
Fluent Design SystemDeveloperMicrosoft1.00infobox
Fluent Design SystemiOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)1.00infobox
Fluent Design SystemLicenseMIT License1.00infobox
Fluent Design SystemMore InformationMore Information1.00infobox
Fluent Design SystemOperating systemAndroid, iOS, macOS, Windows, Web browser1.00infobox
Fluent Design SystemOriginal authorMicrosoft1.00infobox
Fluent Design SystemOther namesFluent UI1.00infobox
Fluent Design SystemOther namesMicrosoft Fluent Design System1.00infobox
Fluent Design SystemPlatformARM, x86-641.00infobox
Fluent Design SystemPredecessorMicrosoft Design Language 21.00infobox
Fluent Design SystemPredecessorMicrosoft UI Fabric1.00infobox
Fluent Design SystemPredecessorOffice UI Fabric1.00infobox
Fluent Design SystemRelease2017; 9 years ago (2017) .mw-parser-output .cisb-header{line-height:normal;padding:0.2em}.mw-parser-output .cisb-table{width:100%}.mw-parser-output .cisb-table.cisb-last{margin-…1.00infobox
Fluent Design SystemRelease(s)Microsoft Design Language 21.00infobox
Fluent Design SystemRelease(s)Microsoft UI Fabric1.00infobox
Fluent Design SystemRelease(s)Office UI Fabric1.00infobox
Fluent Design SystemRelease(s)Web: fluentui1.00infobox
Fluent Design SystemRelease(s)Android: fluentui-android1.00infobox
Fluent Design SystemRelease(s)iOS, macOS: fluentui-apple1.00infobox
Fluent Design SystemRelease(s)Windows: microsoft-ui-xaml1.00infobox
Fluent Design SystemRelease(s)Cross-platform: fluentui-react-native1.00infobox
Fluent Design SystemRepositoryWeb: fluentui1.00infobox
Fluent Design SystemRepositoryAndroid: fluentui-android1.00infobox
Fluent Design SystemRepositoryiOS, macOS: fluentui-apple1.00infobox
Fluent Design SystemRepositoryWindows: microsoft-ui-xaml1.00infobox
Fluent Design SystemRepositoryCross-platform: fluentui-react-native1.00infobox
Fluent Design SystemTypeDesign language software1.00infobox

Related concept clusters Concept neighborhoods

These clusters group vocabulary that occurs around closely connected concepts in the source material.

    Connections between topic areas Semantic bridges

    Bridges can reveal useful research angles that are easy to miss in a flat list of related terms.

    Min side: 3
    For writers, content strategists, SEOs, marketers and creators — from quick topic research to advanced semantic analysis.