Paired Floating Actions
A primary and a secondary action at different sizes and weights
Floating action buttons · Mobile app
Floating action buttons in Mobile app: 7 designs — Paired Floating Actions · Draggable FAB · Extended FAB that Collapses · FAB that Morphs into a Panel
Designs
Extended FAB that Collapses
Starts with a label and collapses to an icon on scroll
FAB that Morphs into a Panel
Expands from a circle into a form and returns on close
FAB with Progress Ring
An SVG ring computed from its own circumference, not a fixed width
Scroll-to-Top FAB
Appears after enough distance and returns smoothly — or instantly when motion is reduced