Motion
Back to framer.com
Documentation
Framer-utilities
Motion
Back to framer.com
Design and publish your first free site today.
Getting started
  • Introduction
  • Examples
Animation
  • Overview
  • Layout
  • Gestures
  • Scroll
  • Transition
Components
  • motion
  • AnimatePresence
  • LayoutGroup
  • LazyMotion
  • MotionConfig
  • Reorder
Motion values
  • Overview
  • useMotionValueEvent
  • useMotionTemplate
  • useScroll
  • useSpring
  • useTime
  • useTransform
  • useVelocity
  • useWillChange
Hooks
  • useAnimate
  • useAnimationFrame
  • useDragControls
  • useInView
  • useReducedMotion
Universal
  • animate
  • transform
  • stagger
  • frame
  • Easing functions
3D
  • Introduction
  • LayoutCamera
  • LayoutOrthographicCamera
  • MotionCanvas
Guides
  • Accessibility
  • Reduce bundle size
  • Upgrade guides
Community
  • GitHub
  • Discord

Utilities

Utilities provide simple helper methods and properties for advanced prototyping needs.

#useIsInCurrentNavigationTarget

#useIsInCurrentNavigationTarget(): boolean

Used to know if a code component is a child of the current screen. This can be useful for resetting timers or interactions that need to trigger on every navigation.

#AutomaticLayoutIds

Enable or disable the automatic generation of layout ids for canvas layers.

By default layout ids are generated for all layers created on the Framer canvas. However, layout ids are not generated for any layer that is a descendant of a code component. Sometimes you will want to enable layout id generation for descendants of your code components when they use children, slots, or import design components, and you want those layers to animate with magic motion transitions.

<AutomaticLayoutIds enabled>
<YourComponent/>
</AutomaticLayoutIds>
NextIntroduction
On this page
  • useIsInCurrentNavigationTarget
  • AutomaticLayoutIds

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement