Updates

November 28, 2019

Updated  All examples in the Animation section now also have Framer Motion versions.

November 15, 2019

Added  to Example animations: 10 more examples + all animations in Framer Motion format

October 15, 2019

Added  to Smart components

• iOS Segmented Control
  • 1. Starter
  • 2. Selected index
  • 3. Initially selected index
  • 4. Selection indicator
  • 5. Variable segment width
  • 6. Adding the separators
  • 7. Animating the separators
  • 8. Responding to property changes
  • 9. Adding an event property
  • 10. A pinch of TypeScript
  • Example prototypes

September 19, 2019

Added  to Smart components

• Simple but smart

September 13, 2019

Added  Smart components

• Smart components
• Props versus State
• Passing down Props
• Sharing State
• Letting a Prop change the State

August 31, 2019

Updated  Small update. All projects checked and updated for Library 1.1.1 (in Framer X42). Some code changes were needed in:

• Using the current state in calculations – Example 2
• Example animations – 16. Page: Effects

July 25, 2019

Added  More about Dragging

• Snap to grid example
• Snap to corner example
• Drag events

July 22, 2019

Added  New section: Dragging

• Dragging
• Axis and direction locking
• Drag Constraints
• Drag Elastic
• Drag Momentum
• Inertia animations
• Modify Target
• Min and Max

July 1, 2019

Added  New chapter about Keyframe animations

• Keyframes

Updated  Added an example of a sequence involving different Frames

• The useAnimation() hook

Updated  Some Override examples now use motionValue() instead of useMotionValue()

• Example animations

June 18, 2019

Added  Big Playground animations update

• Animation
• The Animate property
• The Transition property
• While Hover and While Tap
• Hooks
• The useState() hook
• The useCycle() hook
• The useAnimation() hook
• Tips for Overrides
• A Frame’s animation properties

May 24, 2019

Added  More about the new animation API

• Animatable properties
• Animation curves
• Animating a Scroll Component

May 14, 2019

Updated  There are now 30 animation examples, as Code Components and Overrides

• Example animations

May 10, 2019

Updated  Changes because of the new APIs in Framer X22

• Tap one Frame, animate another
• Overriding Code Components
• The Data object

Moved  Content about the former animation API and class components is now in Archive

• Overrides (pre X22)
• Code Components (pre X22)
• Animations (pre X22)

April 29, 2019

Added  Pages about the new function components in Framer Beta

• Code Components
• <Frame> vs. <div>
• Including other components
• Property Controls

April 26, 2019

Updated  The Framer Beta example animations (hooks became possible in Overrides)

• Example animations

April 13, 2019

Added  Example animations for Framer Beta

• Example animations

April 9, 2019

Added  Overrides in Framer Beta explained

• Overrides

March 30, 2019

Added

• The Data object

March 25, 2019

Added  Animation techniques

• Toggle animation
• Chaining animations
• Delaying an animation
• Staggered animations

March 20, 2019

Launch of the Framer X book

February 12, 2019

Online and free version of the Framer Classic book