Framer book logo
  • Table of Contents
    • Overrides
      Framer’s Data ObjectUsing CreateStoreOverriding Design ComponentsOverriding Smart ComponentsOverriding Code Components
    • Code Components
      A Simple Code ComponentWhy Use <Frame>s?Compatibility with Overrides & Parent ComponentsIncluding Other ComponentsCustomizing an Existing ComponentProperty Controls
    • Animation
      The Animate PropertyThe Transition Property‘While’ Animations and InitialVariantsHooksThe useState() HookAnimate PresenceThe useCycle() HookThe useAnimation() HookKeyframesTips for OverridesAnimatable PropertiesAnimation TypesAnimating Scroll PositionAPI OverviewExample Animations
    • Framer Motion
      Create React AppCodeSandboxDifferences With the Framer APIAutomatic Layout AnimationsShared Layout AnimationsLayout IDScroll-based AnimationsSVG AnimationsDrag ControlsRouting- voor later -
    • Smart Code Components
      Props Versus StatePassing Down PropsSharing StateLetting a Prop Change the StateSimple But SmartiOS Segmented Control
    • Dragging
      Axis and Direction LockingDrag ConstraintsDrag ElasticDrag MomentumInertia AnimationsModify TargetMin and MaxSnap to Grid ExampleSnap to Corner ExampleDrag Events
    • Archive
      Design ComponentsOverrides (pre X22)Code Components (pre X22)Animations (pre X22)
  • Updates
  • FAQ
  • Get the book
Login / Register

  • Overrides
    Overrides Framer’s Data Object Using CreateStore Overriding Design Components Overriding Smart Components Overriding Code Components
  • Code Components
    Code Components A Simple Code Component Why Use <Frame>s? Compatibility with Overrides & Parent Components Including Other Components Customizing an Existing Component Property Controls
  • Animation
    Animation The Animate Property The Transition Property ‘While’ Animations and Initial Variants Hooks The useState() Hook Animate Presence The useCycle() Hook The useAnimation() Hook Keyframes Tips for Overrides Animatable Properties Animation Types Animating Scroll Position API Overview Example Animations
  • Framer Motion
    Framer Motion Create React App CodeSandbox Differences With the Framer API Automatic Layout Animations
    Shared Layout Animations Layout ID
    Scroll-based Animations SVG Animations
    Drag Controls Routing
  • Smart Code Components
    Smart Code Components Props Versus State Passing Down Props Sharing State Letting a Prop Change the State Simple But Smart iOS Segmented Control
  • Dragging
    Dragging Axis and Direction Locking Drag Constraints Drag Elastic Drag Momentum Inertia Animations Modify Target Min and Max Snap to Grid Example Snap to Corner Example Drag Events
  • Archive
    Archive Design Components Overrides (pre X22) Code Components (pre X22)
    Animations (pre X22)

Hyperlapse 03 – Swipe to continue


Framer’s Data Object
Home FAQ Updates
Copyright © 2016-2021 Tes Mat.