Home
Articles
Home
Fluent UI
Compared to Lens
Fluent UI vs Lens
Comparing the features of Fluent UI to Lens
Feature
Fluent UI
Lens
Capability Features
Accessibility Support
Component Library
Avatar
Button
Checkbox
ColorPicker
Dropdown
FormField
Icon
IconButton
Illustration
Link
List
Logo
Menu
Modal
NotificationBar
Pill
Radio
Select
Skeleton
Switch
Tabs
Text
Textarea
TextButton
TextInput
Typeahead
Toast
Tooltip
Cross-platform Code Sharing
CSS Utilities
CSS Variables Support
Design Styles
Colors
Typography
Spacing
Shadows
Radii
Fluent 2 Design System
Full Tutorials and API References
Guides and Documentation
Get started
Component definition
Designing custom elements
Development best practices
Icon Set
Illustration Set
Internationalization
Layout Components
Align
Arrange
Backdrop
Container
ErrorContainer
Popover
Spacer
Split
Loader Components
Loader
LogoLoader
EllipsesLoader
WaveformLoader
Open Source Code
Pattern Library
Disabled styles
Errors
Forms
Discovery
Plan upgrade
Settings
Performance Optimized
Playground
Layout recipes
Showcase
Responsive Design
Reusable Components
Used by Microsoft Apps
Outlook
OneDrive
Word
Excel
PowerPoint
OneNote
SharePoint
Teams
Integration Features
CodeSandbox Integration
Compatible Platforms
React
Web Components
Windows
iOS
Android
macOS
Cross-platform
Figma Integration
Github Integration
Microsoft 365 Integration
NPM Installation
Limitation Features
No Built-in Backend
No Pricing Plans
Other Features
Loom Product Focus
Pricing Features
Free Tier