Fractal UI Motif Fractal UI Type
Documentation Components Blocks Motion
Documentation
IntroductionInstallationUsageStyling and themingFormsFrequently asked questionsTroubleshootingBlocksMotionMotion API
Motion
Animate PresenceDrag and DropLayoutMotionMotion ProviderMotion ValuesReorderShared LayoutTokens and PresetsView and Scroll
Components
AccordionAlertAlert DialogBadgeBreadcrumbButtonButton GroupCardCarouselCheckboxCollapsibleComboboxCommandContext MenuData TableDialogDrawerDropdown MenuEmptyFieldHover CardInputInput GroupMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableSelectSeparatorSheetSidebarSkeletonSliderSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTree View
Blocks
App ShellGridHeroNavigation SidebarPage HeaderSplit Layout
Home/ Motion

Motion

A complete reference for Fractalsvelte’s animation language, public primitives, gestures, layout motion, and accessibility policy.

Built-in motion

Components and blocks include baseline motion for state changes such as overlays opening, disclosures expanding, selections moving, and layouts adapting. The Motion guide records those behaviours component by component, including reduced-motion treatment.

Animate PresenceDrag and DropLayoutMotionMotion ProviderMotion ValuesReorderShared LayoutTokens and PresetsView and Scroll