Stylish
Motion tokens for the Stylish UI design system.
The default values produce the standard Stylish motion language: short, decisive state-change animations with a single defaultEasing used across components. Override globally via the com.segnities007.stylishui.theme.StylishTheme composable's animation parameter, or per-component through individual component parameters where available.
Access the active instance inside composables with StylishTheme.animation (see com.segnities007.stylishui.theme.StylishTheme).
See also
Properties
The easing curve applied to all standard Stylish animations. Default FastOutSlowInEasing — fast start, gentle settle.
Duration (ms) for emphasized motion: elements that need extra attention (e.g. primary action entrances, state transitions that must be noticeable). Default 350 ms.
Duration (ms) for page-level motion: sheets, large surfaces. Default 500 ms.
Duration (ms) for element-level transitions: appearance, expansion, dialog entrances. Default 300 ms.
Duration (ms) for micro-interactions: color state changes, icon swaps, selection highlights. Default 180 ms.
The easing curve for emphasized motion that should feel more expressive. Default EmphasizedEasing — a strong accelerating start that decelerates smoothly into place.
The easing curve for gentle, slow-feeling motion such as fade-in and decorative ambient animation. Default LinearOutSlowInEasing — slow start that settles into place.