Skip to main content

Service design
Fluid Design System
Experience index
Resources

Dark mode

search Quick search (⌘ k)

- Figma
- UX principles

Overview
Gradient Ray
Imagery
Logo
Pictograms
Vectors

Overview
Accessibility
Colors
Elevation
Iconography
Spacing
Typography

Roadmap
Whats new

Migrate v4 to v5

Design Tokens

Getting Started
Area charts
Bar charts
Line charts
Pie charts
Charts resources

Overview
Components status
Alert
Autocomplete
Avatar
Badge
Breadcrumb
Button
Card
Checkbox
Collapse
Dropdown
FAB
Footer
Form
Grid
Header
Icon
Icon button
Inline message
Input
Layout
Link
List
Modal
Navbar
Pagination
Progress
Radio button
Segmented control
Select
Sidebar
Slider
Spinner
Stamp
Status-indicator
Switch
Table
Tabs
Tag
Toast
Toggle
Tooltip

Borders
Clearfix
Colors
Display
Embed
Flex
Float
Image replacement
Overflow
Position
Screenreaders
Sizing
Shadows
Stretched link
Text
Vertical align
Visibility

Templates

Layouts

Support

Use the UP/DOWN arrows to navigate through the suggestion list. Press Enter to select an option. On touchscreen terminals, use swipe to navigate and double tap to select an option

Fluid version keyboard_arrow_down

Link to Fluid's Microsoft Teams channel help Link to the support page

Interactive states

Coming soon

Interactive states

Work in progress