Design principles and interactive components engineered with purposeful physical animation.
Included Components
48
ShowcaseShowcaseIntroductionIntroductionFluid HoverFluid HoverMotionMotionScrollbarsScrollbarsSizesSizesSurfacesSurfacesAccordionAccordionAskUserQuestionsAskUserQuestionsBadgeBadgeBannerBannerButtonButtonCardCardCarouselDotsCarouselDotsChatMessageChatMessageCheckboxGroupCheckboxGroupColorPickerColorPickerComboboxComboboxCommandMenuCommandMenuDialogDialogDropdownDropdownInputCopyInputCopyInputGroupInputGroupInputMessageInputMessageRadioGroupRadioGroupSelectSelectSidebarSidebarSliderSliderSwitchSwitchTableTableTabsTabsTabsSubtleTabsSubtleThinkingIndicatorThinkingIndicatorThinkingStepsThinkingStepsTooltipTooltipFluid Hover@micka_designMotion that communicatesHover as previewSpring physics, not durationsDrop-in compatibleCustomize using the right panelIconsMake them yoursMomentum DrawerSpring Kinetic ButtonFunctional State MorphTactile Resistance Slider
Fluid Functionalism proposes a design engineering philosophy where visual motion serves immediate functional utility rather than mere ornamentation. It demonstrates spatial momentum, tactile spring resistance, and layout morphing where every frame communicates state change.
