Code
Hub
Workspaces
Following
Trending
Connect
MCP
copy
Create free account
hub
/
github.com/motiondivision/motion
/ functions
Functions
1,999 in github.com/motiondivision/motion
⨍
Functions
1,999
◇
Types & classes
338
Method
onChange
()
packages/motion-dom/src/effects/MotionValueState.ts:28
Method
onChange
* Adds a function that will be notified when the `MotionValue` is updated. * * It returns a function that, when called, will cancel the subs
packages/motion-dom/src/value/index.ts:230
Function
onClick
()
dev/react/src/examples/_dragClickable.tsx:10
Function
onComplete
()
packages/framer-motion/src/motion/__tests__/variant.test.tsx:18
Function
onComplete
()
packages/framer-motion/src/motion/__tests__/create-component.test.tsx:11
Function
onComplete
()
packages/framer-motion/src/gestures/__tests__/focus.test.tsx:145
Function
onComplete
()
packages/framer-motion/src/gestures/__tests__/hover.test.tsx:144
Method
onDirectionLock
* Callback function that fires a drag direction is determined. * * ```jsx * <motion.div * drag * dragDirectionLock *
packages/motion-dom/src/node/types.ts:857
Function
onDrag
(event, { point })
dev/react/src/examples/_dragConstraintChanges.tsx:13
Method
onDrag
* Callback function that fires when the component is dragged. * * ```jsx * <motion.div * drag * onDrag={ * (even
packages/motion-dom/src/node/types.ts:842
Method
onDragEnd
* Callback function that fires when dragging ends. * * ```jsx * <motion.div * drag * onDragEnd={ * (event, info)
packages/motion-dom/src/node/types.ts:823
Method
onDragStart
* Callback function that fires when dragging starts. * * ```jsx * <motion.div * drag * onDragStart={ * (event, i
packages/motion-dom/src/node/types.ts:804
Method
onDragTransitionEnd
* Callback function that fires when drag momentum/bounce transition finishes. * * ```jsx * <motion.div * drag * onDragTra
packages/motion-dom/src/node/types.ts:871
Function
onEnter
()
packages/framer-motion/src/utils/use-in-view.ts:29
Function
onExit
()
packages/framer-motion/src/components/AnimatePresence/index.tsx:188
Function
onFrame
()
packages/motion-dom/src/scroll/observe.ts:9
Method
onHoverEnd
* Callback function that fires when pointer stops hovering over the component. * * ```jsx * <motion.div onHoverEnd={() => console.log("
packages/motion-dom/src/node/types.ts:436
Method
onHoverStart
* Callback function that fires when pointer starts hovering over the component. * * ```jsx * <motion.div onHoverStart={() => console.lo
packages/motion-dom/src/node/types.ts:427
Function
onIntersectionChange
(entries)
packages/framer-motion/src/render/dom/viewport/index.ts:35
Method
onIntersectionUpdate
(entry: IntersectionObserverEntry)
packages/framer-motion/src/motion/features/viewport/index.ts:30
Method
onLayoutAnimationComplete
* @internal
packages/motion-dom/src/render/types.ts:127
Method
onLayoutAnimationComplete
()
packages/motion-dom/src/node/types.ts:318
Method
onLayoutAnimationComplete
* A callback that will fire when a layout animation on this component completes. * * @public
packages/motion-dom/src/node/types.ts:939
Method
onLayoutAnimationStart
* @internal
packages/motion-dom/src/render/types.ts:123
Method
onLayoutAnimationStart
()
packages/motion-dom/src/node/types.ts:317
Method
onLayoutAnimationStart
* A callback that will fire when a layout animation on this component starts. * * @public
packages/motion-dom/src/node/types.ts:932
Method
onLayoutMeasure
(box: Box, prevBox: Box)
packages/motion-dom/src/render/types.ts:119
Method
onLayoutMeasure
(box: Box, prevBox: Box)
packages/motion-dom/src/node/types.ts:316
Function
onLock
(axis)
dev/react/src/examples/_dragOverdrag.tsx:21
Method
onMove
(event: PointerEvent, info: PanInfo)
packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:179
Method
onPan
* Callback function that fires when the pan gesture is recognised on this element. * * **Note:** For pan gestures to work correctly with tou
packages/motion-dom/src/node/types.ts:345
Method
onPanEnd
* Callback function that fires when the pan gesture ends on this element. * * ```jsx * function onPanEnd(event, info) { * consol
packages/motion-dom/src/node/types.ts:407
Method
onPanSessionStart
* Callback function that fires when we begin detecting a pan gesture. This * is analogous to `onMouseStart` or `onTouchStart`. * * ```j
packages/motion-dom/src/node/types.ts:386
Method
onPanStart
* Callback function that fires when the pan gesture begins on this element. * * ```jsx * function onPanStart(event, info) { * co
packages/motion-dom/src/node/types.ts:366
Function
onPointerCancel
(cancelEvent: PointerEvent)
packages/motion-dom/src/gestures/press/index.ts:114
Function
onPointerDown
()
packages/motion-dom/src/gestures/hover.ts:84
Function
onPointerUp
(event: Event)
packages/motion-dom/src/gestures/hover.ts:67
Function
onPointerUp
(upEvent: PointerEvent)
packages/motion-dom/src/gestures/press/index.ts:104
Function
onResize
()
dev/react/src/tests/drag-ref-constraints-resize-handle.tsx:20
Method
onSessionEnd
(event: PointerEvent, info: PanInfo)
packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:227
Method
onSessionStart
(event: PointerEvent)
packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:110
Method
onStart
(event: PointerEvent, info: PanInfo)
packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts:117
Function
onTap
()
dev/react/src/examples/_conditionalDraggable.tsx:17
Method
onTap
* Callback when the tap gesture successfully ends on this element. * * ```jsx * function onTap(event, info) { * console.log(info
packages/motion-dom/src/node/types.ts:486
Method
onTapCancel
* Callback when the tap gesture ends outside this element. * * ```jsx * function onTapCancel(event, info) { * console.log(info.p
packages/motion-dom/src/node/types.ts:521
Method
onTapStart
* Callback when the tap gesture starts on this element. * * ```jsx * function onTapStart(event, info) { * console.log(info.point
packages/motion-dom/src/node/types.ts:502
Function
onwarn
(warning, warn)
packages/motion/rollup.config.mjs:73
Function
onwarn
(warning, warn)
packages/framer-motion/rollup.config.mjs:62
Function
onwarn
(warning, warn)
packages/framer-motion/rollup.size.config.mjs:24
Function
onwarn
(warning, warn)
packages/motion-utils/rollup.config.mjs:51
Function
onwarn
(warning, warn)
packages/motion-dom/rollup.config.mjs:54
Function
onwarn
(warning, warn)
packages/motion-dom/rollup.size.config.mjs:24
Function
parentRule
()
packages/framer-motion/src/animation/animators/waapi/__tests__/polyfill.js:968
Function
parseComplexValue
(v: AnyResolvedKeyframe)
packages/motion-dom/src/value/types/complex/index.ts:82
Function
parseHex
(v: string)
packages/motion-dom/src/value/types/color/hex.ts:5
Function
passTimestamp
({ timestamp }: FrameData)
packages/motion-dom/src/animation/drivers/frame.ts:7
Method
pause
()
packages/motion-dom/src/animation/AsyncMotionValueAnimation.ts:269
Method
pause
()
packages/motion-dom/src/animation/GroupAnimation.ts:99
Function
percentToProgress
(percent: number)
packages/motion-dom/src/animation/JSAnimation.ts:29
Method
play
()
packages/motion-dom/src/animation/AsyncMotionValueAnimation.ts:265
Method
play
()
packages/motion-dom/src/animation/NativeAnimation.ts:128
Method
play
()
packages/motion-dom/src/animation/GroupAnimation.ts:95
Function
playState
()
packages/framer-motion/src/animation/animators/waapi/__tests__/polyfill.js:1374
Function
playbackRate
()
packages/framer-motion/src/animation/animators/waapi/__tests__/polyfill.js:246
Function
pointerCancel
(element: Element)
packages/framer-motion/src/jest.setup.tsx:86
Function
processBatch
()
packages/motion-dom/src/frameloop/batcher.ts:39
Function
processQueue
()
packages/motion-dom/src/view/queue.ts:31
Method
promote
({ needsReset, transition, preserveFollowOpacity, }: {
packages/motion-dom/src/projection/node/create-projection-node.ts:1887
Function
provideTimeSinceStart
({ timestamp, delta }: FrameData)
packages/framer-motion/src/utils/use-animation-frame.ts:16
Function
q
(c, a, g)
dev/inc/jsxRuntimeShim.js:17
Method
readKeyframes
()
packages/motion-dom/src/animation/keyframes/DOMKeyframesResolver.ts:39
Function
readValue
* If we're trying to animate to a previously unencountered value, * we need to check for it in our state and as a last resort read it * dire
packages/motion-dom/src/render/VisualElement.ts:865
Method
readValueFromInstance
( _state: {}, key: string, options: { initialState: ResolvedValues } )
packages/framer-motion/src/render/utils/__tests__/StateVisualElement.ts:28
Method
readValueFromInstance
( _state: ResolvedValues, key: string, options: AnimatedStateOptions )
packages/framer-motion/src/animation/hooks/use-animated-state.ts:39
Method
readValueFromInstance
( instance: HTMLElement, key: string )
packages/motion-dom/src/render/html/HTMLVisualElement.ts:31
Method
readValueFromInstance
(instance: Object, key: string)
packages/motion-dom/src/render/object/ObjectVisualElement.ts:19
Function
refCallback
(instance: HTMLDivElement | null)
packages/framer-motion/src/motion/utils/__tests__/use-motion-ref.test.tsx:91
Method
registerSharedNode
(layoutId: string, node: IProjectionNode)
packages/motion-dom/src/projection/node/create-projection-node.ts:1849
Method
relegate
(node: IProjectionNode)
packages/motion-dom/src/projection/shared/stack.ts:34
Method
relegate
()
packages/motion-dom/src/projection/node/create-projection-node.ts:1906
Method
remove
()
packages/motion-dom/src/effects/MotionValueState.ts:46
Method
remove
(child: WithDepth)
packages/motion-dom/src/projection/utils/flat-tree.ts:14
Function
removeChild
(child: VisualElement)
packages/motion-dom/src/render/VisualElement.ts:533
Function
removeLeadSnapshots
(stack: NodeStack)
packages/motion-dom/src/projection/node/create-projection-node.ts:2387
Function
removeValue
* Remove a motion value and unbind any active subscriptions.
packages/motion-dom/src/render/VisualElement.ts:815
Function
removeValueFromRenderState
( key: string, { vars, style }: HTMLRenderState )
packages/motion-dom/src/render/dom/DOMVisualElement.ts:32
Method
removeValueFromRenderState
()
packages/framer-motion/src/render/utils/__tests__/StateVisualElement.ts:12
Method
removeValueFromRenderState
()
packages/framer-motion/src/animation/hooks/use-animated-state.ts:30
Method
render
()
packages/framer-motion/src/motion/features/layout/MeasureLayout.tsx:164
Method
render
()
dev/react/src/examples/Shared-layout-motion-value-continuity.tsx:6
Method
renderEndStyles
()
packages/motion-dom/src/animation/keyframes/KeyframesResolver.ts:196
Method
renderInstance
()
packages/framer-motion/src/render/utils/__tests__/StateVisualElement.ts:13
Method
renderInstance
()
packages/framer-motion/src/animation/hooks/use-animated-state.ts:31
Method
renderInstance
(instance: Object, { output }: ObjectRenderState)
packages/motion-dom/src/render/object/ObjectVisualElement.ts:49
Function
resetSkewAndRotation
(node: IProjectionNode)
packages/motion-dom/src/projection/node/create-projection-node.ts:2383
Method
resetSkewAndRotation
()
packages/motion-dom/src/projection/node/create-projection-node.ts:1915
Method
resetTransform
()
packages/framer-motion/src/animation/hooks/use-animated-state.ts:28
Method
resetTransform
()
packages/motion-dom/src/projection/node/create-projection-node.ts:966
Function
resetTransformStyle
(node: IProjectionNode)
packages/motion-dom/src/projection/node/create-projection-node.ts:2360
Method
resetTree
()
packages/motion-dom/src/projection/node/create-projection-node.ts:2139
← previous
next →
1,801–1,900 of 1,999, ranked by callers