☰
Table of Contents
Overrides
Framer’s Data Object
Using CreateStore
Overriding Design Components
Overriding Smart Components
Overriding 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
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
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
Props Versus State
Passing Down Props
Sharing State
Letting a Prop Change the State
Simple But Smart
iOS Segmented Control
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
Design Components
Overrides (pre X22)
Code Components (pre X22)
Animations (pre X22)
Updates
FAQ
Get the book
Login / Register
Shop
Showing all 4 results
Default sorting
Sort by popularity
Sort by average rating
Sort by latest
Sort by price: low to high
Sort by price: high to low
The Framer book
$
70.00
/ year
Sign Up Now
The Framer book for Enterprise
$
30.00
per member
/ year
Select options
The Framer book for Teams
$
40.00
per member
/ year
Select options
The Framer Classic book – ePub
$
0.00
Add to cart
