Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

Microsoft Fluent 2 — ToolFomo

Microsoft Fluent 2

Microsoft Fluent 2

Microsoft's design system providing guidelines, components, and patterns for building consistent experiences across Microsoft products and services.

freewebwindows#microsoft #fluent #design-system #guidelines #windows #office

What you can do with Microsoft Fluent 2

Practical ideas and workflows

1

Create a Button Component

•Access Microsoft Fluent 2 design system documentation.
•Select the button component guidelines.
•Copy the provided code snippets into your project.
•Customize styles and properties to fit your application's theme.

2

Design a Form Layout

Categories

Design Guidelines UI Component Libraries

More like this

Tools with similar features

Material Design

Material Design

material-design

Google's open-source design system with comprehensive guidelines, components, and tools for creating beautiful, usable products across platforms.

•Review the form layout patterns in the Fluent 2 guidelines.
•Use the recommended input components such as text fields and dropdowns.
•Implement validation messages and error states using the component library.
•Test the form for accessibility and user experience consistency.

3

Integrate Icons into UI

•Visit the Fluent 2 icon library to select relevant icons for your project.
•Follow the guidelines to import and use the icon components.
•Ensure that icons are appropriately sized and color-adjusted according to your design.
•Check for consistency in the icon usage across different screens.

4

Implement Dark Mode

•Consult the Fluent 2 dark mode design guidelines.
•Adjust your color palette to align with the dark theme specifications.
•Apply the appropriate dark mode components in your application.
•Test the final UI for visual consistency and readability in dark mode.

IBM Design Language

IBM Design Language

ibm-design-language

IBM's comprehensive design philosophy and guidelines that help teams build cohesive experiences with thoughtful design principles and patterns.

Human Interface Guidelines

Human Interface Guidelines

human-interface-guidelines

Apple's official design guidelines covering iOS, iPadOS, macOS, watchOS, and tvOS with best practices for creating intuitive user experiences.

Apple Design Resources

Apple Design Resources

apple-design-resources

A collection of official design assets and guidelines provided by Apple to assist developers and designers in creating applications for Apple platforms.

Google Design

Google Design

google-design

An editorial platform by Google that showcases the breadth and craft of design at Google, featuring conversations, guides, and resources on various design topics.

rené

rené

rené

rené is a lightweight CSS framework designed for clean, intentional interfaces, emphasizing AI compatibility and ease of use for developers.