Updates

December 23, 2019

Added  New page in Code Components: Compatibility with Overrides & parent components

Updated  The remaining pages in Code Components:

• A simple Code Component
• Why use <Frame>s?
• Including other components
• Customizing an existing component
• Property Controls (The examples were also made compatible with Overrides.)

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
• Why use <Frame>?
• 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