Fluid Functionalism

Refined UI components with satisfying hover.

Suggested prompt: Why is every other input box so stiff?. Press Tab to fill the composer with it.
Thinking…
CalendarToday
New fileBlank document⌘N
SettingsAccount and workspace⌘,
Search everywhereFiles, people, messages⌘⇧F
Toggle dark modeSystem, light, or dark⌘⇧L
Copy linkTo this page⌘⇧C
Invite peopleSend an email invite
Export as PDFPro plan
Home
Inbox3 unread
Starred
RecentLast 7 days
Documentation
What's newRelease notes
Contact supportReply within a day
Notifications
Sound effects
⌘K
Threads
  • 2
  • 3
  • 1
  • 7
Why is every other input box so stiff?
Because nothing about them moves with you.
Fluid motion
Accessible
Yours to theme
Fluid hover
Searching profiles
x.comgithub.com
Reading portfolio
Searching recent work
figma.combehance.net
Analyzing results…Compiling findings into a summary.
Question 1 of 8

How do you plan to use Fluid Functionalism?

Opacity35
Volume
60%
Spring animations
Fluid hover
Font weight shifts
Accessible by default
Radix or Base UI
Functional clarity
A design philosophy where every animation serves a functional purpose — motion is information, not decoration.
NameRoleStatus
AliceEngineerActive
BobDesignerAway
CarolPMActive
DanEngineerOffline
PublishedActiveDeclined
Fluid Functionalism