Fluent UI
Microsoft's ouvrir source framework d'IU pour consistent, accessible experiences à travers web, Windows, iOS, Android, et macOS.
Aperçu du Produit
Fluent UI is Microsoft's comprehensive open-source design system and component library for building modern, consistent, and accessible applications across platforms. It includes Fluent UI React (web), Fluent UI React Native (mobile), and Fluent UI Apple/SwiftUI (iOS/macOS), with a unified design language based on Fluent Design principles like light, depth, motion, material, and scale. Widely used in Microsoft 365 products (Teams, Office, Windows), it enables developers and designers to create cohesive experiences with reusable components and guidelines. Cross-Platform Components: Shared design tokens and patterns for web (React), mobile (React Native), and native (SwiftUI/WinUI). Component Library: Hundreds of ready-to-use elements like buttons, navigation, data grids, and controls with variants. Design Tokens: Colors, typography, motion, icons, and spacing for theming. Accessibility: WCAG compliance, high-contrast modes, and keyboard navigation. Tools: Figma kits for prototyping; code packages for React and React Native.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- multiplateforme composants: Shared jetons de concevoir et motifs pour web (React), mobile (React natif), et natif (SwiftUI/WinUI).
- bibliothèque de composants: Hundreds de ready-à-utiliser elements comme buttons, navigation, données grids, et controls avec variants.
- jetons de concevoir: couleurs, typographie, motion, icônes, et espacement pour theming.
- accessibilité: WCAG compliance, high-contraste modes, et keyboard navigation.
- outils: Figma kits pour prototypage; code packages pour React et React natif.
Avantages
- +Open source
- +Collaboration en temps réel
- +Bibliothèque d'icônes étendue
- +Génération de palettes de couleurs
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
Cloudscape Design System
AWS ouvrir source framework d'IU pour consistent, accessible enterprise cloud applications.
Elastic UI
ouvrir source React framework pour consistent, accessible enterprise interfaces.
Evergreen
ouvrir source React framework d'IU par Segment pour consistent, accessible enterprise applications.
SAP Design System
ouvrir source framework pour consistent, accessible enterprise IU à travers SAP products.
Flowbite Design System
ouvrir source Tailwind CSS bibliothèque de composants avec Figma kit pour rapid IU construction.
Forma 36 Design System
Contentful's ouvrir source système de concevoir pour consistent, accessible content management interfaces.
Friday Design System
ouvrir source Figma kit d'IU pour rapid prototypage avec personnalisable composants.
GOV.UK Design System
official UK government framework pour consistent, accessible public service interfaces.
Horizon Design System
HashiCorp's ouvrir source système de concevoir pour consistent, accessible cloud management interfaces.
Goldman Sachs Design System
internal framework pour consistent, accessible enterprise financial interfaces.