Functions — github.com/motiondivision/motion

hub / github.com/motiondivision/motion / functions

Functions1,999 in github.com/motiondivision/motion

⨍ Functions 1,999◇ Types & classes 338

↓ 2 callersFunctionrunScriptCrossfade

(args: string)

packages/framer-motion/cypress/integration/layout-shared-lightbox-crossfade.ts:16

↓ 2 callersFunctionrunSpringTests

(unit?: string | undefined)

packages/framer-motion/src/value/__tests__/use-spring.test.tsx:49

↓ 2 callersFunctionrunSpringTests

(unit?: string | undefined)

packages/motion-dom/src/value/__tests__/spring-value.test.ts:30

↓ 2 callersFunctionrunTests

(render: (components: any) => string)

packages/framer-motion/src/motion/__tests__/ssr.test.tsx:12

↓ 2 callersFunctionrunTests

(render: (components: any) => string)

packages/framer-motion/src/value/use-will-change/__tests__/will-change.ssr.test.tsx:5

↓ 2 callersFunctionrunTests

(url: string)

packages/framer-motion/cypress/integration/animate-presence-pop.ts:16

↓ 2 callersMethodscalePositionWithinConstraints

* When the viewport resizes we want to check if the measured constraints * have changed and, if so, reposition the element within those new const

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:589

↓ 2 callersMethodscheduleResolve

()

packages/motion-dom/src/animation/keyframes/KeyframesResolver.ts:144

↓ 2 callersMethodscheduleUpdateProjection

()

packages/motion-dom/src/projection/node/types.ts:93

↓ 2 callersFunctionscrapeMotionValuesFromProps

( props: MotionNodeOptions, prevProps: MotionNodeOptions, visualElement?: VisualElement )

packages/motion-dom/src/render/svg/utils/scrape-motion-values.ts:7

↓ 2 callersMethodscrapeMotionValuesFromProps

( props: MotionNodeOptions, prevProps: MotionNodeOptions, visualElement: VisualElement

packages/motion-dom/src/render/svg/SVGVisualElement.ts:45

↓ 2 callersFunctionscrollTimelineFallback

(options: ScrollOptionsWithDefaults)

packages/framer-motion/src/render/dom/scroll/utils/get-timeline.ts:28

↓ 2 callersFunctionsetActive

* Change whether a certain animation type is active.

packages/motion-dom/src/render/utils/animation-state.ts:455

↓ 2 callersMethodsetAll

(propName: PropNames, newValue: any)

packages/motion-dom/src/animation/GroupAnimation.ts:35

↓ 2 callersMethodsetAnimationOrigin

( delta: Delta, hasOnlyRelativeTargetChanged?: boolean, pathFn?: MotionPath )

packages/motion-dom/src/projection/node/types.ts:124

↓ 2 callersMethodsetCurrent

(current: V)

packages/motion-dom/src/value/index.ts:176

↓ 2 callersFunctionsetFeatureDefinitions

( definitions: Partial<FeatureDefinitions> )

packages/motion-dom/src/render/VisualElement.ts:67

↓ 2 callersFunctionsetRef

* Set a given ref to a given value * This utility takes care of different types of refs: callback refs and RefObject(s)

packages/framer-motion/src/utils/use-composed-ref.ts:12

↓ 2 callersFunctionsetStyle

( element: HTMLElement | SVGElement, name: string, value: AnyResolvedKeyframe )

packages/motion-dom/src/render/dom/style-set.ts:4

↓ 2 callersFunctionsetVariants

(visualElement: VisualElement, variantLabels: string[])

packages/framer-motion/src/animation/hooks/animation-controls.ts:14

↓ 2 callersFunctionsetupGesture

( elementOrSelector: ElementOrSelector, options: EventOptions )

packages/motion-dom/src/gestures/utils/setup.ts:7

↓ 2 callersFunctionshallowCompare

(next: any[], prev: any[] | null)

packages/motion-dom/src/render/utils/shallow-compare.ts:1

↓ 2 callersFunctionshouldAnimatePositionOnly

( animationType: string | undefined, snapshot: Box, layout: Box )

packages/motion-dom/src/projection/node/create-projection-node.ts:2445

↓ 2 callersFunctionshouldInheritGroup

(inherit: InheritOption)

packages/framer-motion/src/components/LayoutGroup/index.tsx:20

↓ 2 callersFunctionsimulateSpring

(fps: number)

packages/motion-dom/src/value/__tests__/follow-value-framerate.test.ts:54

↓ 2 callersFunctionskipFirstCall

(callback: VoidFunction)

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:792

↓ 2 callersFunctionsleep

(ms: number)

packages/framer-motion/src/gestures/drag/__tests__/utils.tsx:58

↓ 2 callersFunctionsplitColor

(aName: string, bName: string, cName: string)

packages/motion-dom/src/value/types/color/utils.ts:22

↓ 2 callersFunctionstart

()

packages/framer-motion/src/value/use-scroll.ts:48

↓ 2 callersMethodstart

( originEvent: PointerEvent, { snapToCursor = false, distanceThreshold }: DragControlOptions =

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:100

↓ 2 callersFunctionstartAnimation

()

packages/motion-dom/src/value/follow-value.ts:90

↓ 2 callersMethodstartAnimation

(velocity: Point)

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:458

↓ 2 callersMethodstartObserver

()

packages/framer-motion/src/motion/features/viewport/index.ts:17

↓ 2 callersFunctionsteps

( numSteps: number, direction: Direction = "end" )

packages/motion-utils/src/easing/steps.ts:14

↓ 2 callersMethodstop

* @internal

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:267

↓ 2 callersFunctionstopAnimation

()

packages/motion-dom/src/value/follow-value.ts:82

↓ 2 callersMethodstopAnimation

()

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:534

↓ 2 callersFunctionsubtractPoint

(a: Point, b: Point)

packages/framer-motion/src/gestures/pan/PanSession.ts:362

↓ 2 callersFunctiontagClass

* Tag a captured element with a `view-transition-class` so authors can target * its generated layer from CSS (e.g. `::view-transition-group(.hero)`)

packages/motion-dom/src/view/utils/assign-names.ts:22

↓ 2 callersFunctiontestValueType

(v: any)

packages/motion-dom/src/value/types/test.ts:6

↓ 2 callersMethodthen

(resolve: LayoutBuilderResolve, reject?: LayoutBuilderReject)

packages/motion-dom/src/layout/LayoutAnimationBuilder.ts:299

↓ 2 callersFunctiontransformAxis

( axis: Axis, axisTranslate?: number, axisScale?: number, boxScale?: number, axisOrigin: n

packages/motion-dom/src/projection/geometry/delta-apply.ts:160

↓ 2 callersFunctiontransformViewBoxPoint

( svgRef: RefObject<SVGSVGElement | null> )

packages/framer-motion/src/utils/transform-viewbox-point.ts:31

↓ 2 callersMethodtransitionFor

(element: HTMLElement)

packages/motion-dom/src/layout/LayoutAnimationBuilder.ts:303

↓ 2 callersMethodunobserve

(_element: Element)

packages/framer-motion/src/utils/__tests__/mock-intersection-observer.ts:25

↓ 2 callersMethodupdate

()

packages/framer-motion/src/gestures/drag/index.ts:28

↓ 2 callersMethodupdateAnimationControlsSubscription

()

packages/framer-motion/src/motion/features/animation/index.ts:21

↓ 2 callersMethodupdateAxis

(axis: DragDirection, _point: Point, offset?: Point)

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:319

↓ 2 callersFunctionupdateAxisInfo

( element: Element, axisName: "x" | "y", info: ScrollInfo, time: number )

packages/framer-motion/src/render/dom/scroll/info.ts:37

↓ 2 callersMethodupdateMotionValue

* WAAPI doesn't natively have any interruption capabilities. * * Rather than read committed styles back out of the DOM, we can * create

packages/motion-dom/src/animation/NativeAnimationExtended.ts:68

↓ 2 callersMethodupdateSnapshot

()

packages/motion-dom/src/projection/node/types.ts:90

↓ 2 callersFunctionuseDefaultMotionValue

(value: any, defaultValue: number = 0)

packages/framer-motion/src/components/Reorder/Item.tsx:47

↓ 2 callersFunctionuseForceUpdate

()

packages/framer-motion/src/utils/use-force-update.ts:7

↓ 2 callersFunctionuseIsPresent

()

packages/framer-motion/src/components/AnimatePresence/use-presence.ts:87

↓ 2 callersFunctionuseListTransform

( values: MotionValue<I>[], transformer: MultiTransformer<I, O> )

packages/framer-motion/src/value/use-transform.ts:243

↓ 2 callersFunctionusePresenceData

()

packages/framer-motion/src/components/AnimatePresence/use-presence-data.ts:6

↓ 2 callersFunctionuseReducedMotion

()

packages/framer-motion/src/utils/reduced-motion/use-reduced-motion.ts:37

↓ 2 callersFunctionuseUnmountEffect

(callback: () => void)

packages/framer-motion/src/utils/use-unmount-effect.ts:5

↓ 2 callersFunctionuseViewportScroll

()

packages/framer-motion/src/value/scroll/use-viewport-scroll.ts:7

↓ 2 callersFunctionuserAgentContains

(string: string)

packages/motion-dom/src/projection/node/create-projection-node.ts:2419

↓ 2 callersFunctionvariantLabelsAsDependency

( prop: undefined | string | string[] | boolean )

packages/framer-motion/src/context/MotionContext/create.ts:22

↓ 2 callersFunctionxBorder

()

dev/react/src/examples/Layout-Projection-custom-values.tsx:30

↓ 2 callersFunctionyBorder

()

dev/react/src/examples/Layout-Projection-custom-values.tsx:31

↓ 1 callersFunctionadd

(arr: number[])

dev/react/src/examples/AnimatePresence-notifications-list.tsx:65

↓ 1 callersFunctionadd

(arr: number[])

dev/react/src/examples/AnimatePresence-notifications-list-pop.tsx:65

↓ 1 callersFunctionaddAttrValue

( element: HTMLElement | SVGElement, state: MotionValueState, key: string, value: MotionValue

packages/motion-dom/src/effects/attr/index.ts:18

↓ 1 callersMethodaddDependent

(dependent: MotionValue)

packages/motion-dom/src/value/index.ts:336

↓ 1 callersMethodaddEventListener

(name: LayoutEvents, handler: any)

packages/motion-dom/src/projection/node/create-projection-node.ts:419

↓ 1 callersMethodaddListeners

()

packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:661

↓ 1 callersFunctionaddPointerInfo

(handler: EventListenerWithPointInfo)

packages/framer-motion/src/events/event-info.ts:18

↓ 1 callersFunctionaddSVGPathValue

( element: SVGElement, state: MotionValueState, key: string, value: MotionValue )

packages/motion-dom/src/effects/svg/index.ts:9

↓ 1 callersFunctionaddToQueue

(builder: ViewTransitionBuilder)

packages/motion-dom/src/view/queue.ts:63

↓ 1 callersFunctionaddValue

* Add a motion value and bind it to this visual element.

packages/motion-dom/src/render/VisualElement.ts:800

↓ 1 callersFunctionanimateChanges

* When we receive new props, we need to: * 1. Create a list of protected keys for each type. This is a directory of * value keys that are

packages/motion-dom/src/render/utils/animation-state.ts:117

↓ 1 callersFunctionanimateChildren

( visualElement: VisualElement, variant: string, delay: number = 0, delayChildren: number | Dy

packages/motion-dom/src/animation/interfaces/visual-element-variant.ts:78

↓ 1 callersFunctionanimateSequence

( sequence: AnimationSequence, options?: SequenceOptions, scope?: AnimationScope )

packages/framer-motion/src/animation/animate/sequence.ts:11

↓ 1 callersFunctionanimateVisualElement

( visualElement: VisualElement, definition: AnimationDefinition, options: VisualElementAnimationOp

packages/motion-dom/src/animation/interfaces/visual-element.ts:8

↓ 1 callersMethodanimateVisualElement

( visualElement: VisualElement, target: TargetAndTransition, transition: Transition |

packages/motion-dom/src/animation/types.ts:657

↓ 1 callersFunctionanimationMapKey

(name: string, pseudoElement: string = "")

packages/motion-dom/src/animation/utils/active-animations.ts:8

↓ 1 callersMethodapplyProjectionStyles

( targetStyle: CSSStyleDeclaration, styleProp?: MotionStyle )

packages/motion-dom/src/projection/node/types.ts:111

↓ 1 callersFunctionapplyPxDefaults

( keyframes: ValueKeyframe[] | UnresolvedValueKeyframe[], name: string )

packages/motion-dom/src/animation/keyframes/utils/apply-px-defaults.ts:4

↓ 1 callersMethodapplyTransform

(box: Box, transformOnly = false, output?: Box)

packages/motion-dom/src/projection/node/create-projection-node.ts:1077

↓ 1 callersMethodapplyTransform

(box: Box, transformOnly?: boolean, output?: Box)

packages/motion-dom/src/projection/node/types.ts:108

↓ 1 callersMethodapplyTransformsToTarget

()

packages/motion-dom/src/projection/node/create-projection-node.ts:1789

↓ 1 callersFunctionapplyTransitionEnd

()

packages/motion-dom/src/animation/interfaces/visual-element-target.ts:160

↓ 1 callersFunctionapplyTreeDeltas

( box: Box, treeScale: Point, treePath: any[], isSharedTransition: boolean = false )

packages/motion-dom/src/projection/geometry/delta-apply.ts:76

↓ 1 callersFunctionapproximateRoot

( envelope: (num: number) => number, derivative: (num: number) => number, initialGuess: number )

packages/motion-dom/src/animation/generators/spring.ts:55

↓ 1 callersFunctionaspectChanged

(name: string)

packages/motion-dom/src/view/start.ts:384

↓ 1 callersMethodattach

* Attaches a passive effect to the `MotionValue`.

packages/motion-dom/src/value/index.ts:285

↓ 1 callersMethodattachTimeline

(timeline: TimelineWithFallback)

packages/motion-dom/src/animation/JSAnimation.ts:540

↓ 1 callersMethodattachTimeline

(timeline: TimelineWithFallback)

packages/motion-dom/src/animation/AsyncMotionValueAnimation.ts:255

↓ 1 callersFunctionattachToAnimation

( animation: AnimationPlaybackControls, options: ScrollOptionsWithDefaults )

packages/framer-motion/src/render/dom/scroll/attach-animation.ts:7

↓ 1 callersFunctionattachToFunction

( onScroll: OnScroll, options: ScrollOptionsWithDefaults )

packages/framer-motion/src/render/dom/scroll/attach-function.ts:15

↓ 1 callersFunctionautoScrollIfNeeded

( groupElement: Element | null, pointerPosition: number, axis: "x" | "y", velocity: number )

packages/framer-motion/src/components/Reorder/utils/auto-scroll.ts:88

↓ 1 callersFunctionbinarySubdivide

( x: number, lowerBound: number, upperBound: number, mX1: number, mX2: number )

packages/motion-utils/src/easing/cubic-bezier.ts:29

↓ 1 callersMethodblockUpdate

()

packages/motion-dom/src/projection/node/types.ts:80

↓ 1 callersFunctionblur

(element: HTMLElement, testId: string)

packages/framer-motion/src/jest.setup.tsx:97

↓ 1 callersFunctionboxEquals

(a: Box, b: Box)

packages/motion-dom/src/projection/geometry/utils.ts:16

↓ 1 callersMethodbuild

( renderState: SVGRenderState, latestValues: ResolvedValues, props: MotionNodeOptions

packages/motion-dom/src/render/svg/SVGVisualElement.ts:53

↓ 1 callersFunctionbuildResolvedTypeValues

(type: AnimationType)

packages/motion-dom/src/render/utils/animation-state.ts:76

← previous next →601–700 of 1,999, ranked by callers